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.
* [Tuto] Menu Extra de Links
  Leído 4242 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: Prototype
Jul 22 2011
¡Hola! En esta ocasión les traigo esta sencilla modificación, que logre haciendo pruebas.
Es una barra que se coloca en la parte superior del Foro, que nos sigue mientras navegamos, al igual que la barra de SmfPersonal.
Hacia tiempito estaba pensando como agregar Links Extras, sin llenar el menú que normalmente usamos de Links, así que me propuse lograr esto.


Para empezar abrimos el Index.template.php
Buscamos:
Código: [Seleccionar]
</head>
<body>';

Agregamos abajo:
Código: [Seleccionar]
echo'
<div id="LinksMenu">
<ul>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
<li><a href="#">Five</a></li>
</ul>
</div>';

Ahora abrimos el Index.css

Agregamos al Final:

Código: [Seleccionar]
/* Menu Extra de Links By Prototype */
#LinksMenu
{
    background: url("../images/LinksMenu-bg.png") repeat-x;
    height: 25px;
    line-height: 2px;
    width: 100%;
    top: 0px;
    border: 1px solid #000;
    position: fixed;
    text-align: center;
    word-spacing: 20px;
}
#LinksMenu a
{
    color: #fff
}
#LinksMenu a:hover
{
     background: #4682B4;
     border-radius: 3px;
     padding: 3px 4px;
}
#LinksMenu li
{
     display: inline;
}

Por ultimo descargan la imagen desde el Link de abajo y la copian a la carpeta Images de su Theme.

http://www.smfpersonal.net/downloads.html;sa=view;down=302


Ahora analizemos un poco.

Código: [Seleccionar]
<li><a href="#">One</a></li>
Modifican todos los asteriscos (#) por el Link que desean colocar.
Y el "One,Two,Three,Four,Five" por los nombres de su Links.


Si desean cambiar el color del hover de los links cambian este color “#4682B4” Por el que deseen.

Resultado:
*


Esto es todo por hoy amigos!

Espero les guste
Saludos



« Última Modificación: Abril 15, 2014, 09:30:35 am por uge »



Prototype. Primero gracias por el tuto.

Segundo, los adjuntos se borran al pasar los 7 dias, puedes subir tu adjunto aca: http://www.smfpersonal.net/downloads.html;cat=18, ahi no se borran.

Saludos




De nada! Con respecto a lo de las descargas, acabo de subir la imagen, gracias por avisar!




listo, aprobado.




Excelente aporte  +10




Muy bueno amigo  +10 +10
Gracias por el aporte.




muy bueno   +10




Vaya muy linda felicidades  (y) ma ha encantado  ;)




Muchas gracias chicos! Es la primera modificación creada por mí mismo, se siente muy bien jeje

Saludos!





Aquí resubo la Imagen de este viejo Tuto:

*




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,