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 */

/* 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>

Compartelo:

Etiquetas: Blogs, Blogspot, Diseño, Tecnología, Tips, Tips and Tricks, Tips Blogspot, Tutoriales y Tips, Utilidades

Entradas relacionadas

This entry was posted on Martes, Enero 5th, 2010 at 12:24 and is filed under Blogspot, Tecnología, Tutoriales y Tips, Utilidades. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Bitacoras.com

Posted on Enero 5th

Información Bitacoras.com…

Valora en Bitacoras.com: 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 ]]> Modifica los colores y tamaño según tu necesidad /* Menu */ .buttonscontainer {width: 15…..

Red Blogs