[Tutorial] Slide like box de facebook jQuery

bueno , ya lo sulocine todo Big Grin

, 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 Smile

(29 Apr, 2012, 12:26 pm)kn9w escribió: 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

Código:
<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

Código:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSKIDROWES%2F23381363670​​4095&amp;width=230&amp;height=345&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=326580354064346" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:345px;" allowTransparency="true"></iframe>

y aqui DEMO

Última modificación: 29 Apr, 2012, 3:05 pm por libravm.

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

(29 Apr, 2012, 6:13 pm)kn9w escribió: 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

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

<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... Sad

mi foro:

forotroll.net

mi codigo:

[spoiler]

Código PHP:
<div&nbsp;class="s_likebox"><div&nbsp;style="color:&nbsp;rgb(255,&nbsp;255,&nbsp;255);&nbsp;padding:&nbsp;8px&nbsp;5px&nbsp;0pt&nbsp;50px;"><span><div&nbsp;class='likeboxwrap'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FForoTroll&amp;width=230&amp;height=395&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=true&amp;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 escribió: 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]

Código PHP:
<!--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&amp;width=230&amp;height=395&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=true&amp;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 Tongue

y de donde saco el codigo para mi pagina ?

(12 Aug, 2012, 4:13 pm)r00tlz escribió: 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

Última modificación: 2 Sep, 2012, 8:35 am por ::Leon::.