Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
8WayRun.Com - XFBML Facebook Like Box Details »»
8WayRun.Com - XFBML Facebook Like Box
Version: 4.0.0, by Jaxel Jaxel is offline
Developer Last Online: Sep 2013 Show Printable Version Email this Page

Category: vBulletin CMS Widgets - Version: 4.0.6 Rating:
Released: 08-28-2010 Last Update: Never Installs: 36
Code Changes Additional Files  
No support by the author.

I was looking a while for a good Facebook Like Box widget, but EVERY SINGLE ONE of them here on VB.org uses the IFRAME version, which is absolutely horrible and not customizable. It is ugly and I just didnt want to use it. So I figured out how to get XFBML working on VB4, and you can customize it. The Facebook platform must be enabled in your settings for this widget to work.

DEMO: http://www.8wayrun.com/content/

INSTALL:
  1. create a new file "facebook.css" and upload to /clientscript.
    Code:
    .fan_box .connect_widget_facebook_logo_menubar  {
    	display: none;
    }
    
    .fan_box .connect_top {
    	background: #EDEFF4;
    }
    
    .fan_box .connections {
    	padding: 5px 0px 3px 10px;
    	min-height: 0px;
    	background: #FFFFFF;
    }
    
    .fan_box .connections_grid .grid_item {
    	padding: 2px 11px 3px 5px;
    }
  2. open "vbulletin_facebook.js" and find:
    Code:
    xfbml:false
    replace with:
    Code:
    xfbml:true
  3. create a new widget, with STATIC HTML
    Code:
    <fb:fan profile_id="PAGE-ID" stream="0" connections="6" logobar="1" width="214" height="206" css="FORUM/clientscript/facebook.css?1"></fb:fan>
  4. replace PAGE-ID with the ID of your facebook page.
  5. replace FORUM with the URL to your forum.

NOTES:
  • This like box by defualt does NOT show the stream, and it only shows 6 connections. You can change these settings easily in the widget code. If you disable the logobar, the widget will add "on Facebook" to the title of your page.
  • Width and Height are set for no stream, with 6 connections in a 240px widget bar. If you want to change these settings, you will need to change the width and height to fit your forum and settings.
  • Facebook CACHES your CSS file! If you change your CSS file, you MUST change the ?1 in your widget to a new number in order to tell the widget which version of your CSS file to use.
  • The CSS file already included is what I use on my forum. You can change this CSS very radically to get your widget to look like anything. You can even make the facebook widget transparent to match your skin.

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #32  
Old 05-15-2012, 04:18 PM
cs28702 cs28702 is offline
 
Join Date: Apr 2010
Posts: 32
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

what does this do? I do not understand the description and the demo link is invalid
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:39 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.07106 seconds
  • Memory Usage 2,223KB
  • Queries Executed 17 (?)
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
  • (4)bbcode_code
  • (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
  • (2)pagenav_pagelink
  • (2)post_thanks_box
  • (2)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit_info
  • (1)postbit
  • (2)postbit_onlinestatus
  • (2)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_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete