The Arcive of Official vBulletin Modifications Site.

FACEBOOK Fan BOX - from - British Expats Australia · **Released**: 09-03-2009

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 - 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 www.yobromofo.com/forum

Enjoy

TimberFloorAu · #2 09-04-2009, 01:33 AM

Reserved

Images Added:

Image one is NAVBAR link
Image two is BANNER link ( please ask me for this code )
Image three is the FanBox after it has SLID in

Some confusion, about the code:
Ok see below

______________________________________STEP 3

Just goto http://www.facebook.com/pages/create.php

Then when complete, in Left Hand Menu click Create FAN BOX for site.

Click Include Stream and Include Fans.

Then in Choose where to add it: select Other

You will get some custom code. Highlighted in RED below is our custom code, so replace with your OWN.

Code:


<div id="dhtmlgoodies_leftPanel">
<a class="closeLink" href="#" onclick="initSlideLeftPanel();return false">Close</a><br />
<div id="leftPanelContent">

<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("c679e58f8333c747d4d0cbc7360ac 93b");</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>

</div>
</div>


__________________

Flowsion · #3 09-04-2009, 01:47 AM

I don't see it, take a screenshot please.

TimberFloorAu · #4 09-04-2009, 02:03 AM

Added images in second post

Michael.A · #5 09-04-2009, 08:39 AM

nice i was just going to ask you for this... loving the song

TimberFloorAu · #6 09-04-2009, 08:02 PM

Thankyou for installing Mad-Dog :up:

bond010007 · #7 09-05-2009, 03:08 PM

pls i cant get wat u mean with this

Quote:

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

pls i need u to tell me how cos i can't got it and where i can put footer code cos every time i put i see it appear in footer not as demo

Installed
tnx

TimberFloorAu · #8 09-05-2009, 08:56 PM

Quote:

Originally Posted by bond010007

pls i cant get wat u mean with this
pls i need u to tell me how cos i can't got it and where i can put footer code cos every time i put i see it appear in footer not as demo

Installed
tnx

Templates do vary, I trust you have a custom template. ?

Please feel free to message me with your forum url, and a temp admin acct to do the changes for you, or indeed inspect your templates so that I may help :up:

MentaL · #9 09-05-2009, 09:04 PM

so is this for anyones facebook or specifically yours?

TimberFloorAu · #10 09-05-2009, 09:09 PM

Quote:

Originally Posted by MentaL

so is this for anyones facebook or specifically yours?

Anyones mate ,

Just goto http://www.facebook.com/pages/create.php

Then when complete, in Left Hand Menu click Create FAN BOX for site.

Click Include Stream and Include Fans.

Then in Choose where to add it: select Other

You will get some custom code. Highlighted in RED below is our custom code, so replace with your OWN.

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-->

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.07333 seconds Memory Usage 2,337KB Queries Executed 24 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (6)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (4)postbit_attachment (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!