[Tutorial] Poner LikeBox de Facebook con Efecto de Slide

DJ Death 10 Sep, 2011, 11:18 am

Vista Previa de Como Quedara
[Imagen: fb2.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:

Código:
mybb-es

Sin mas que decir Empezemos ;D

1). Hay que Subir por ftp la Carpeta de Facebook.
2). Una Vezz que ya la haigamos subido la Carpeta de Facebook, Vamos a nuestro:

Código PHP:
<?php 

Admin Panel -> Platillas -> Plantillas sin grupo -> headerinclude 

3). Una Vez que ya estamos en la Plantilla "headerinclude", Vamos a Añadir lo Siguiente.

Código PHP:
<?php 

<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

Código PHP:
<?php 

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

Código:
191px y 375px

Eso es Todo (:
Cualquier duda o error avisarme!
PD: Dejen la parte donde Dice Facebok by DJ Death ):

[Tutorial] Poner LikeBox de Facebook con Efecto de Slide

DJ Death 10 Sep, 2011, 11:18 am

Omar G. 10 Sep, 2011, 3:02 pm

DJ Death 10 Sep, 2011, 3:25 pm

Omar G. 10 Sep, 2011, 4:00 pm

Giancarlort 13 Sep, 2011, 5:48 pm

DJ Death 14 Sep, 2011, 1:53 pm

GaTuN0 9 Nov, 2011, 8:29 pm

Leandro M. 24 Nov, 2011, 12:57 pm

SKIDROW 26 Apr, 2012, 5:41 pm

Leandro M. 26 Apr, 2012, 8:28 pm