Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* [Tutorial] Como poner un Fans Box Slider en tu Foro
  Leído 1627 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: Đємσи
May 08 2013
Bueno amigos aqui de  nuevo traendo un nuevo tutorial  como  poner  tu  fans box en tu foro Incluye  [Manual - Video  Tutorial]
Demo Online : http://www.gamerznice.com.nu/

Captura

*




Antes de comenzar hagan respaldo de sus  archivos a editar [Los cambios que se realizen a partir de este  post es  vajo responsabilidad suya :-X]


Nos diriginos a nuestro index.css [Themes > Tu tema > css > index.css]


Pegamos al final del todo


Código: [Seleccionar]
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url([url]https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png[/url]) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

Abrimos nuestro Index.template.php
[Theme > tu tema > Index.template.php]

Buscamos

Código: [Seleccionar]
</head>

Pegamos despues

Código: [Seleccionar]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
</script>

<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
//]]>
</script>

Seguimos editando nuestro Index :)


Buscamos

Código: [Seleccionar]
<body>';
}

function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo '

Pegamos despues de  echo '

Código: [Seleccionar]

<div class="slide_likebox">
    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
        <div class=\'likeboxwrap\'>
            <span><iframe src=
            "http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/zonaelegante/330904800341799&amp;show_faces=true&amp;header=false&amp;stream=false&amp;width=350&amp;height=350&amp;colorscheme=light&amp;border_color=#AAAAAA#"
            scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:300px;background-color:transparent;"></iframe></span>
        </div>
    </div>
</div>



F5 a  su pagina y tendran su  like Box  :o






Cambiamos

Código: [Seleccionar]
zonaelegante/330904800341799
Por su  facebook de ustedes


No me entendieron ?


Bueno  Aqui un Video Tutorial  Explicando :)


http://www.youtube.com/watch?v=t3z9J85eluE#ws




Proximo Totorial Instalar Tema totally pro  modicado para 2.0.4  :)

PD: Pido a los administradores del foro si  para el proximo  tutorial si  puedo  poner ese tuto  ya que  dicen que esta prohibido  epero resspuestas :)  -

Si por algun caso  lo administradores no  aceptaran mi solicitud  mi tutorial estara en mi foro y en mi canal de youtube  Saludos y Gracias



Jaja muy bueno Demon yo crei te tardarias unos dias en publicar este tuto :)

Buen aporte amigo esperemos sigas trayendonos buenos tutoriales.

Saludos!!




Buen aporte +10

Saludos enik...




Otros temas de su interes




Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,