Widget facebook

Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

Código:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLifeGames-Forums%2F392591047453042&amp;width=240&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23AAA&amp;header=false&amp;appId=501201279907282" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:258px;" allowtransparency="true"></iframe>

Painel de Controle Módulos Gestão dos Widgets do fórum

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FURLFACEBOOK&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:235px; height:258px;" allowTransparency="true"></iframe>

Código:

<div class="socialBox"><div class="socialLinks"><span>Follow us on</span><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconGoogle.png" alt="Follow us on Facebook" title="Google Plus"></a><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconTwitter.png" alt="Follow us on Twitter" title="Follow us on Twitter"></a><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconFacebook.png" alt="Linked In" title="Linked In"></a><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconBlogger.png" alt="Flickr" title="Flickr"></a><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconFlickr.png" alt="Watch us on YouTube" title="Watch us on YouTube"></a><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconYoutube.png" alt="My Space" title="My Space"></a><a href="#" target="_blank"><img src="http://www.purevb.com/demo/images/styles/TheBeaconLight/style_blue/iconLinkedin.png" alt="Blogger" title="Blogger"></a></div></div>

Código:

.socialBox {
height: 49px;
top: -230px;
line-height: 49px;
color: #575757;
font-size: 15px;
font-family: arial, helvetica, sans-serif;
font-weight: 700;
font-style: italic;
position: relative;
}
.socialLinks {
float: right;
}
.socialBox span {
padding-right: 6px;
}
.socialBox img {
padding: 2px;
vertical-align: middle;
}