FB Like Box P J1.6/1.7/2.5

File: Facebook Like Box Pro - Joomla 1.6/1.7/2.5 Module

Version: 1.2
File Size:: 2 KB
Type:: Commercial
Price:: 4.99 USD

Uploaded:: 27.02.12
Modified:: 12.03.12

The module that displays Facebook Like Box into your Joomla site.

The Like Box enables users to:

· See how many users already like this page, and which of their friends like it too

· Read recent posts from the page

· Like the page with one click, without needing to visit the page

Parameters

· Facebook Page ID - The ID of the Facebook Page for this Like box

· Width - The width of the module in pixels

· Height - The height of the module in pixels

· Connections - Show a sample of this many users who have liked this Page

· Stream - Show the profile stream for the public profile

· Show header - Show the 'Find us on Facebook' bar at top. Only shown when either stream or connections are present

· Module Class Suffix - A suffix to be applied to the CSS class of the Module. This allows for individual Module styling

· Link to your css code - Linking to your css file allows you to customize the appearance of Facebook Like Box

CSS file example

 .fan_box a:hover{ text-decoration: none; } .fan_box .full_widget{ background:#FFEFFF; color: #111111; border: solid 1px #EEEEEE; width: 140px; height: 85px; } .fan_box .connect_top{ background:#FFEFFF; padding: 0 !important; } .fan_box .profileimage{ display: none; } .fan_box .name_block { padding: 0px 0px 0px 2px; background:#FFEFFF; } .fan_box .connect_action{ padding: 0 !important; background:#FFEFAA; } .fan_box .connections{ padding: 2px 3px 2px 3px; background:#FFEFFF; } .fan_box .connections .connections_grid { width: 0px; height: 0px; display: none; visibility:hidden; } .fan_box .connections_grid .grid_item{ width: 0px; height: 0px; display: none; visibility:hidden; } .fan_box .connections_grid .grid_item .name{ width: 0px; height: 0px; display: none; visibility:hidden; } .fan_box .connect_widget{ position: absolute; bottom: 3px; left: 3px; margin: 0 !important; } .fan_box .connect_widget .connect_widget_interactive_area { margin: 0 !important; } .fan_box .connect_widget td.connect_widget_vertical_center { padding: 0 !important }

Demo

Images