Messages

---

Hola amigos de SmfSimple hoy les traigo un exelente tip para agregar iconos sociales a su theme con un diseño elegante.
cuando terminemos tendremos algo haci:

---

Bien empezemos vamos al index.template.php y buscamos:

// Here comes the JavaScript bits!
echo '
Agregamos despues:

<script type="text/javascript" src="', $settings['theme_url'], '/scripts/Social.js"></script>
<script type="text/javascript" src="', $settings['theme_url'], '/scripts/Social2.js"></script>
Buscamos:
// Show the menu here, according to the menu sub template.
template_menu();
Agregamos despues:
    // Social Icons By Monster Studios
echo'
    <ul id="navigation">
            <li class="Facebook"><a href="" title="Siguenos en Facebook"></a></li>
            <li class="Twitter"><a href="" title="Siguenos en Twitter"></a></li>
            <li class="Youtube"><a href="" title="Mira nuestros videos"></a></li>
        </ul>';

---

Ahora vamos a nuestro index.css y agregamos al final:
/* Social Icos By Monster Studios.
------------------------------------------------------- */
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 25%;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;   
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .Facebook a{
    background-image: url(../images/Social/Facebook.png);
}
ul#navigation .Twitter a      {
    background-image: url(../images/Social/Twitter.png);
}
ul#navigation .Youtube a      {
    background-image: url(../images/Social/Youtube.png);
}

---

Ahora solo ay que descoprimir el archivo adjunto y agregar los archivos  a sus respetivas carpetas

Social.js y Social2.js a la carpeta scripts de su theme.
La carpeta Social la enviamos a la carpeta images de su theme

http://www.mediafire.com/?1prd52rx4a5j2m0

Ups olvidaba el VT

Creditos:

Bienvenido! Yo también soy de argentina, aguante! 

Está muy bueno amigo!! Aun que no sea un poco legible, hay que valorar las cosas, asi que te doy un +1 Estas placas hubieras puesto en nuestro foro, que son buenas, pero las actuales son mejores.
Saludos!

Está muy bueno el Portal, muestra toda la i nformación del foro y de los usuarios.
Saludos, buen mod.

Buenas,

Gracias amigo , este mod siempre quise ponerlo para valorar el tiempo de los usuarios haciendo los tutoriales, por que nunca encontraba una traducción, y no me gustaba que este en ingles XD!

Saludos 

Buenas,

Muy bueno tu tutorial. No creo que cambiar el cursor o animarlo haga mas juego con el tema, pero en todo se agradece y tu tema no es la excepción.

Saludos.

Que mods me recomiendan

---

Datos importantes:
Url del foro: portalzone.net
Version de SMF: SMF 2.0.6
Theme del foro: laGusta (tema premium)

---

Descripcion del problema:
Hola amigos.
Tengo mi foro portalzone.net y lo veo medio pobre en modificaciones. Necesito recomendaciones de algunos mods para alegrar mas al foro, en lo principal en firmas, display.template.php, que modifique algunas de esas cosas, o también con los temas o cosas para mantener mayor orden en el foro. Visiten mi foro, véanlo y recomiendeme algún mod. Por cierto, no es para recomendar mi foro. Es para que lo vean a ver que mod le faltaría para darle mas alegría o mas onda a mi foro.
Saludos