Topic: Como poner un Fans Box Slider en tu Foro

May 08, 2013 - 12:42 12:42

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

]

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

Pegamos al final del todo

Code: [Select]

.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

Code: [Select]

</head>

Pegamos despues

Code: [Select]


<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

Code: [Select]

<body>';
}

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

echo '

Pegamos despues de echo '

Code: [Select]


<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

Cambiamos

Code: [Select]

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

**Reply #1** August 10, 2013 - 04:04 16:04

Men sabes en coso azul que dice facebook, ami me sale todo bien pero en el fotro no sale facebook solo se muestra cuando pasa el cursor por ese lado.

**Reply #2** August 19, 2013 - 04:19 16:19

Hola,

Disculpen por revivir el tema, pero a mi me sucede lo mismo que ha "TheNerd", porque será, por favor alguien que me responda...

Gracias de antemano.

Saludos,
Romario.

**Reply #3** August 19, 2013 - 04:33 16:33

Quote from: Romario on August 19, 2013 - 04:19 16:19

Hola,

Disculpen por revivir el tema, pero a mi me sucede lo mismo que ha "TheNerd", porque será, por favor alguien que me responda...

Gracias de antemano.

Saludos,
Romario.

Te recomiendo utilizar uno de estos 2 mods: http://custom.simplemachines.org/mods/index.php?action=search;basic_search=box+slide
Saludos

**Reply #4** August 20, 2013 - 03:24 15:24

Hola,

Gracias por la recomendación "4kstore", pero a mi más haya de instalar mods, quiero aprender a hacer las modificaciones directamente a lo que hace un mod, para no depender de mods que a lo largo del tiempo envejecen ...

No se si haya un TUTORIAL donde muestre como instalar un MOD, pero manualmente modificando directamente los archivos que el MOD modifica ...

Gracias de antemano y también por la recomendación.

Saludos,
Romario.

**Reply #5** August 20, 2013 - 06:04 18:04

Podes ver el parser del mod para ver las acciones que realiza y de ese modo aprendes.
Muy buena tu iniciativa..

Como poner un Fans Box Slider en tu Foro