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
FB Like Box J1.0 M
