[Tutorial] Poner LikeBox de Facebook con Efecto de Slide
Vista Previa de Como Quedara
![[Image: fb2.png]](http://i738.photobucket.com/albums/xx22/Ryuuzaki_Death/fb2.png)
![[Image: fb1.png]](http://i738.photobucket.com/albums/xx22/Ryuuzaki_Death/fb1.png)
![[Image: fb2.png]](http://i738.photobucket.com/albums/xx22/Ryuuzaki_Death/fb2.png)
![[Image: fb1.png]](http://i738.photobucket.com/albums/xx22/Ryuuzaki_Death/fb1.png)
Hace tiempo vi ese Likebox en esta Web http://otslist.eu/ y le saque el codigo, luego edite Algunas Opciones y cuando lo puse en MyBB tuve que poner otra jQuery, Pero ya Queda (;
Como este Foro a ayudo mucho se los comparto D:
Primero que nada hay que bajar el Archivo Adjunto al post (;
[attachment=1200]
Contraseña:
mybb-esSin mas que decir Empezemos ;D1). Hay que Subir por ftp la Carpeta de Facebook.
2). Una Vezz que ya la haigamos subido la Carpeta de Facebook, Vamos a nuestro:
Admin Panel -> Platillas -> Plantillas sin grupo -> headerinclude3). Una Vez que ya estamos en la Plantilla "headerinclude", Vamos a Añadir lo Siguiente.<link rel="stylesheet" type="text/css" href="{$mybb->settings['bburl']}/facebook/facebox.css" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/facebook/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/facebook/facebox.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/facebook/global.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
$.facebox.settings.opacity = 0.7;
</script>Luego Al Final de la Plantilla Añaden Esto
<div id="facebook">
<div id="facebook-icon"></div>
<div id="facebook-app">
// ## Aqui Ponen el Iframe de su LikeBox ## //
</div>
</div>El Iframe Tiene que tener las Siguientes Medidias191px y 375pxEso es Todo (:Cualquier duda o error avisarme!
PD: Dejen la parte donde Dice Facebok by DJ Death ):
@Sama
la jQuery tiene un codigo añadido de "noConflict"
Para que funcione, se lo agrege por que no funcionaba .___.
@Down
Si Ya esta todo Bien Para Que Corra el LikeBox!
la jQuery tiene un codigo añadido de "noConflict"
Para que funcione, se lo agrege por que no funcionaba .___.
@Down
Si Ya esta todo Bien Para Que Corra el LikeBox!
yo lo tengo diferente quieria la imagen pero parece que el archivo que subiste lo tienes con contraseña sD
no me funcionaa me sale el iframe en la cabecera.. pero nada del slider segui al pie de la letra todo help me plzz
Les funciona normal a todos?
Les funciona normal a todos?
Porque me queda asi?
![[Image: 5e51146b1a.png]](http://i28.lulzimg.com/5e51146b1a.png)
Segui todo al pie de la letra
![[Image: 5e51146b1a.png]](http://i28.lulzimg.com/5e51146b1a.png)
Segui todo al pie de la letra
a mi me pasa lo mismo , hay arreglo o no ?
Creo que no hay arreglo, pronto voy ahcer un tutorial parecido pero con otro aspecto
![[Image: signature.png]](https://omarg.me/cache/images/signature.png)