FACEBOOK Fan BOX - from - British Expats Australia

FACEBOOK Fan BOX - from - British Expats Australia

Mod Version: 1.00, by TimberFloorAu

vB Version: 3.8.4	Rating: (1 vote - 5.00 average)	Installs: 15
Released: 04 Sep 2009	Last Update: Never	Downloads: 80
Not Supported Template Edits Re-usable Code Translations External Content

So you want Facebooks Fan Box on your site ?

But done with style !
Using scripts from : ww.dhtmlgoodies.com
Recoded by Timberfloorau of British Expats Australia - http://www.yobromofo.com
*****LEAVE ALL COPYRIGHT INTACT******

*************************************************
* IF YOU USE THIS MOD CLICK INSTALL
* otherwise no help can be offered *
*************************************************

Well here you , here is British Expats Facebook Fan Box

So simple to integrate, just 3 templates need editing.

> Template Edits required Manually are > Header / Footer and Navbar

STEP 1
Header holds 2 files, which must be called directly, facebook.css and facebook.js so please check the paths. As is, they are called from forum/facebook/ folder.
Just create a new folder in forum root, called facebook and upload the 2 files included. ( facebook.css and facebook.js )

STEP 2
goto your style, header.

At the very top add:

Code:

<!--start of british expats australia yobromofo facebook stuff by Timberfloorau-->
<link rel="stylesheet" type="text/css" href="facebook/facebook.css" />
<script src="facebook/facebook.js" type="text/javascript"></script>
<!--end of british expats australia yobromofo facebook stuff by Timberfloorau-->

Then click Save.

STEP 3
goto your footer template, and at the very bottom ( before any </body> tags ( shouldnt be any ) add the following code:

Code:

<!-- Code for the left panel british expats australia yobromofo facebook-->
<div id="dhtmlgoodies_leftPanel">
	<a class="closeLink" href="#" onclick="initSlideLeftPanel();return false">Close</a><br />
	<div id="leftPanelContent">
	<!-- This is the content for fan box from FACEBOOK-->
	<script type="text/javascript" src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script><script type="text/javascript">FB.init("c679e58f8333c747d4d0cbc7360ac93b");</script><fb:fan profile_id="153844529675" stream="1" connections="10" width="300"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/British-Expats-Australia/153844529675">British Expats Australia</a> on Facebook</div>
	<!-- End content from facebook FAN BOX-->
	</div>
</div>
<!-- End code for the left panel british expats australia yobromofo facebook-->

Change: THIS CODE YOU MUST GET FROM FACEBOOK ! Below is OUR code

Code:

<script type="text/javascript" src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script><script type="text/javascript">FB.init("c679e58f8333c747d4d0cbc7360ac93b");</script><fb:fan profile_id="153844529675" stream="1" connections="10" width="300"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/British-Expats-Australia/153844529675">British Expats Australia</a> on Facebook</div>

Then click Save.

STEP 4.

Goto your Navbar template.

find

Code:

<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>

Add after it:

Code:

<tr><td class="vbmenu_option"><a href="#" onclick="initSlideLeftPanel();return false">Facebook Fan Box</a></td></tr>

Then click Save.

*************************************
Files enclosed are facebook.js and facebook.css

MAKE sure your path to these is correct in step 2. !

Reload your forum page, click on quick links, then click on facebook fan box

NOTE:

To use this mod, you need the code generated from FACEBOOK, for their FAN BOX. ( if you dont know what the fan box is then, perhaps this mod isnt for you )

Demo on http://www.yobromofo.com/forum

Enjoy

Download

facebook.zip (2.5 KB, 82 downloads)

vBulletin LTS