[Tutorial] Slide like box de facebook jQuery
bueno , ya lo sulocine todo
, en el global he cambiado
background: url(images/fb_bg.png) no-repeat !important;
por
background: url(http://www.skidrow.es/images/fb_bg.png) no-repeat !important;
Muchas gracias a todos , un abrazo grandisimo
amigo , yo puse el codigo aqu
donde pone "Aqui pon el código de tu likebox de facebook"
y medidas son estas width:230px; height:345px , para que encaja bien , te dejo mi codigo para que compares
y aqui DEMO
background: url(images/fb_bg.png) no-repeat !important;
por
background: url(http://www.skidrow.es/images/fb_bg.png) no-repeat !important;
Muchas gracias a todos , un abrazo grandisimo
29 Apr, 2012, 12:26 pm kn9w wrote:
Tengo un problema, la imagen aparece donde tiene que aparecer. pege le codigo donde pusistes que aya que pegarlo. pero al hacercarle el click sale todo bien la imagen de costado pero se ve blanco no se ve el like box.
http://www.Force-Gamers.net fijate que lo tengo puesto.
amigo , yo puse el codigo aqu
<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'> Aqui pon el código de tu likebox de facebook</div></span></div></div> donde pone "Aqui pon el código de tu likebox de facebook"
y medidas son estas width:230px; height:345px , para que encaja bien , te dejo mi codigo para que compares
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSKIDROWES%2F233813636704095&width=230&height=345&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=326580354064346" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:345px;" allowTransparency="true"></iframe>y aqui DEMO
listo ahi lo asolucione lo que si se me ve mas arriba y hasta agrande las medidas para ver si se agranda pero siempre itene la misma medida.
Demo: www.Force-Gamers.net
Demo: www.Force-Gamers.net
29 Apr, 2012, 6:13 pm kn9w wrote:mira bien amigo, en el código tienes que cambiar en dos partes las medidas uno en principio de código y otro casi en final
listo ahi lo asolucione lo que si se me ve mas arriba y hasta agrande las medidas para ver si se agranda pero siempre itene la misma medida.
Demo: www.Force-Gamers.net
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSKIDROWES%2F233813636704095&width=230&height=345&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=326580354064346" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:345px;" allowTransparency="true"></iframe>
no trabaja... 
mi foro:
forotroll.net
mi codigo:
[spoiler]
mi foro:
forotroll.net
mi codigo:
[spoiler]
<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FForoTroll&width=230&height=395&colorscheme=light&show_faces=false&border_color&stream=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:345px;" allowTransparency="true"></iframe></div></span></div></div>
[/spoiler]
cuando copies desde MyBB-Es.com los codigos, primero pegalos a un bloc de notas y luego a tu foro, porque si te fiaste se agregaron codigos extra que no tendrian que estar ahi...

30 Jun, 2012, 3:37 pm Cluster wrote:
cuando copies desde MyBB-Es.com los codigos, primero pegalos a un bloc de notas y luego a tu foro, porque si te fiaste se agregaron codigos extra que no tendrian que estar ahi...
Es verdad:
pero aun asi me sale mal uu
Este es el codigo agregado a headinclude:
[spoiler]
<!--Slide Facebook-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FForoTroll&width=230&height=395&colorscheme=light&show_faces=false&border_color&stream=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:345px;" allowTransparency="true"></iframe></div></span></div></div>
<!--Slide Facebook-->[/spoiler]Ahora se ve mejor pero no como deberia xD
forotroll.net
AGREGO: todo funciona perfect
y de donde saco el codigo para mi pagina ?
12 Aug, 2012, 4:13 pm r00tlz wrote:
y de donde saco el codigo para mi pagina ?
http://developers.facebook.com/docs/refe.../like-box/
1 +Rep Leandro M. Thank you very much from ChiNa-Man & www.China-Cheats.com, and thank you for giving me permission to make it to a vBulletin mod,,, Here is the link is someone was interested..http://www.vbulletin.org/forum/showthread.php?t=286333