[Tutorial] Slide like box de facebook jQuery

SKIDROW 29 Apr, 2012, 2:37 pm

#11

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

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

kn9w 29 Apr, 2012, 6:13 pm

#12

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

SKIDROW 29 Apr, 2012, 6:40 pm

#13

(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>

ForoTroll 30 Jun, 2012, 3:35 pm

#14

no trabaja... Sad

mi foro:

forotroll.net

mi codigo:

Spoiler:

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

Cluster 30 Jun, 2012, 3:37 pm

#15

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

ForoTroll 30 Jun, 2012, 3:42 pm

#16

(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:

<!--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-->

Ahora se ve mejor pero no como deberia xD

forotroll.net

AGREGO: todo funciona perfect Tongue

r00tlz 12 Aug, 2012, 4:13 pm

#17

y de donde saco el codigo para mi pagina ?

Leandro M. 12 Aug, 2012, 5:20 pm

#18

(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/

miklo 2 Sep, 2012, 8:33 am

#19

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