Imagen Final.
(https://smftricks.com/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FKHMVb7i.png&hash=a1f474b0066e07e194ff414589d0358be52979ee)
Antes de comenzar hagan respaldo de sus archivos a editar [Los cambios que se realizen a partir de este post es bajo responsabilidad suya.]
Nos diriginos a nuestro index.css [Themes > Tu tema > css > index.css]
Pegamos al final del todo
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url([url]https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png[/url]) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}
Abrimos nuestro Index.template.php [Theme > tu tema > Index.template.php]
Buscamos
</head>
Pegamos despues
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
</script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
//]]>
</script>
Seguimos editando nuestro Index :)Buscamos
<body>';
}
function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;
echo '
Pegamos despues de echo '
<div class="slide_likebox">
<div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class=\'likeboxwrap\'>
<span><iframe src=
"http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/zonaelegante/330904800341799&show_faces=true&header=false&stream=false&width=350&height=350&colorscheme=light&border_color=#AAAAAA#"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:300px;background-color:transparent;"></iframe></span>
</div>
</div>
</div>
F5 a su pagina y tendrán su like Box
Cambiamoshttp://www.facebook.com/pages/zonaelegante/330904800341799
Por el LINK de su página de facebook.EJ:
<div class="slide_likebox">
<div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class=\'likeboxwrap\'>
<span><iframe src=
"http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/EL-LINK-DE-MI-PAGINA-DE-FACEBOOK&show_faces=true&header=false&stream=false&width=350&height=350&colorscheme=light&border_color=#AAAAAA#"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:300px;background-color:transparent;"></iframe></span>
</div>
</div>
</div>
[/size]
Aqui el mod empaquetado.
http://custom.simplemachines.org/mods/?mod=3128 (http://custom.simplemachines.org/mods/?mod=3128)