FaceBook Slide LikeBox
Para adicionar o plugin likebox do facebook no seu fórum!
Créditos: Código: Domínio público (OpenSource) Plugin: https://www.facebook.com/FacebookDevelopers |
Adicione o código abaixo no template Overall_header:
- Código:
<style type="text/css">
#FBSlideLikeBox_left {background: url(http://upic.me/i/zw/or2fb.png) 292px 0 no-repeat; float: left; height: 168px; position: fixed; left: -292px; padding-right: 56px; top: 20%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 400px; right: 0; position: absolute; border: 1px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_right {background: url(http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png) 0 0 no-repeat; float: right; height: 168px; position: fixed; right: -300px; padding-left: 48px; top: 20%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 400px; left: 0; position: absolute; border: 1px solid #3B5998; width: 300px; background: #f8f8f8;}
#FBSlideLikeBox_right #FBSlideLikeBox2_right {position: relative; clear: both; width: auto;}
</style>
<script type="text/javascript">
jQuery(document).ready(function($) {
$("#FBSlideLikeBox_right").mouseenter(function() {
$(this).stop().animate({right: 0}, "normal");
}).mouseleave(function() {
$(this).stop().animate({right: -300}, "normal");
});;
});
</script>
<div title="Find us on Facebook!" id="FBSlideLikeBox_right" style="right: -300px;">
<div id="FBSlideLikeBox2_right">
<div id="FBSlideLikeBox3_right">
<!-- Iframe -->
</div>
</div>
</div>
2º - Resultado:
Link de visualização: jscript.forumeiros.com
PunBB Forumeiros
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: FaceBook Slide LikeBox |
Última edição por JScript em Ter 20 Ago 2013, 4:39 pm, editado 2 vez(es)