Este es un menu sobrio en forma de bloque, pero tiene un toque de relieve con efecto 3D que queda muy bien. Para implementarlo en nuestra web, como siempre, tendremos que añadir los estilos CSS y el codigo de 'llamada'. Podemos ponerlo todo junto (en caso de Blogger, lo ponemos todo en un gadget HTML/Javascript) o por separado, a gusto de cada uno/a.
Ahora el codigo que utilizaremos para mostrar el menu. Cada vez que querais añadir un enlace nuevo poneis la linea <li><a href="URL">TEXTO</a></li> . Donde esta en rojo lo cambiais para poner la url y el nombre del enlace que querais mostrar.
CODIGO:
Y asi de majo nos quedara nuestro menu "Bloque":
VER ESTILOS CSS
Ahora el codigo que utilizaremos para mostrar el menu. Cada vez que querais añadir un enlace nuevo poneis la linea <li><a href="URL">TEXTO</a></li> . Donde esta en rojo lo cambiais para poner la url y el nombre del enlace que querais mostrar.
CODIGO:
<div id="menubloque"> <ul id="navlist"> <li><a href="URL">TEXTO</a></li><li><a href="URL">TEXTO</a></li> <li><a href="URL">TEXTO</a></li> <li><a href="URL">TEXTO</a></li> </ul> </div> |
Y asi de majo nos quedara nuestro menu "Bloque":
