For the vBulletin integration, you'll need to copy a few things from the Joomla HTML to the vBulletin code to make it work. Specifically, open the Joomla HTML and grab the following bits and insert them into the vBulletin side:
1) In the opening html tag, insert the following namespace:
xmlns:fb="http://www.facebook.com/2008/fbml
2) Search for jfbconnect.js, which should be in a script tag. Take that whole line and move it to vBulletin. Update the path if necessary.
3) Search for "jfbcLogoutFacebook". It will be in a ~5-6 line script tag block. Copy that whole block over to your vBulletin template
4) Search for "fb-root". It will be in a div declaration right after the opening body tag. Copy the entire div id="fb-root" and the block of Javascript code underneath it and paste it into your vBulletin template directly after the opening body tag.
Once done, you should be able to use all the Facebook social widgets by manually adding them to the page. For the login button specifically, search your Joomla page for "fb:login-button" and copy that text over. It's a little different for each site depending on the permissions you require. For this site, it looks like:
<fb:login-button v="2" size="medium" perms="email,publish_stream" onlogin="javascript:jfbc.login.login_button_click();">Login With Facebook</fb:login-button>
For the login button, alternatively, you can use your own image or just a standard text link by following the instructions at the top of the Common Support Questions area:'
www.sourcecoast.com/jfbconnect/docs/common-support-questions
I think that covers it all, but please let us know how it goes!
Thanks,
Alex