15/07/2008
00:00
Tutorial
La forma de aplicar este menú es muy simple, en El Club de los Proscritos no lo he aplicado así pero de esta forma me parece más sencilla su aplicación y no hace falta tocar la plantilla HTML, solo añadir un poco mas de código CSS al anterior para insertar el menú como elemento HTML.
Para aplicarlo deberéis añadir a vuestro código CSS
#menu {
list-style:none;
margin:0;
padding:0;
display: block;
}
#menu li {
padding:0;
float:left;
}
#menu li a {
display:block; width:115px;
height:100px;
}
list-style:none;
margin:0;
padding:0;
display: block;
}
#menu li {
padding:0;
float:left;
}
#menu li a {
display:block; width:115px;
height:100px;
}
Una vez hecho, guardáis vuestra plantilla y os vais a añadir un elemento de pagina HTML y pegáis
<ul id="menu">
<li id="Etique1">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 1"></a>
</li>
<li id="Etique2">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 2"></a>
</li>
<li id="Etique3">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 3"></a>
</li>
<li id="Etique4">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 4"></a>
</li>
<li id="Etique5">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 5"></a>
</li></ul>
Aquí tenéis el resultado
<li id="Etique1">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 1"></a>
</li>
<li id="Etique2">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 2"></a>
</li>
<li id="Etique3">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 3"></a>
</li>
<li id="Etique4">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 4"></a>
</li>
<li id="Etique5">
<a href="URL ASIGNADA A LA QUE IREMOS PULSANDO LA IMAGEN 5"></a>
</li></ul>
Te recomendamos también + Artículos relacionados de Tutorial
que crees! por fin ya puse el nuevo diseño de deptra ...mmm me gusto pero no se si supera al anterior, lo que si es cierto es que esta mas apegado a las plantillas convencionales (no queria moverle tanto para que se vea bien en todas las computadoras y exploradores), aun faltan varias cosas que quite del otro diseño pero el diseño ya esta... haber que te parece, esperaré tu comentario :)
ResponderSuprimirHola! Muy buen blog.. Me encantas tus trucos... Te agrego a mis favoritos... Saludos!!!
ResponderSuprimirHola Mau!!!...mmmmmm...vamos a ver ese cambio...-)))
ResponderSuprimirHola Antony, gracias por tu visita, conozco tu blog, Vistos Buenos, buen blog...te agregare a mis blogs....
ResponderSuprimir