Menu vertical con CSS para tu Web/blog

Menu vertical con CSS para tu Web/blog

Ver Demo

Para colocar este menú l en tu blog agregar la parte CSS correspondiente antes de ]]></b:skin>

Modifica los colores y tamaño según tu necesidad

/* Menu */

.buttonscontainer {width: 150px;}

.buttons a {color: #000000;

background-color: #EED5D2;

padding: 2px;

padding-left: 3px;

display: block;

border-left: 10px solid #D1DADF;

font: 13px Verdana, sans-serif;

font-weight: bold;

text-decoration: none;

text-align: left;

margin-top: 1px;}

.buttons a:hover {border-left: 10px solid #EBFFC8;

text-decoration: none;

color: #000000;}

/* fin menu */

En un elemento HTML/Javascript el siguiente código:

<div class=”buttonscontainer”>

<div class=”buttons”>

<a href=”URL”>Link 1</a>

<a href=”URL”>Link 1</a>

<a href=”URL”>Link 1</a>

<a href=”URL”>Link 1</a>

<a href=”URL”>Link 1</a>

<a href=”URL”>Link 1</a>

<a href=”URL”>Link 1</a>

Post relacionados:

1. Feed dinamico en tu blog (Para Blogger y WordPress)
2. Como poner nieve en tu web/blog
3. Agregar entradas relacionadas en Blogspot
4. Crear un gadget en la sidebar de acceso en Blogger
5. Agregar tres columnas en el pie de pagina (Blogger)