Menu vertical "Noab"

Si quieres poner un menu en la sidebar o barra lateral de tu blog o web, este es una buena opcion. El menu presenta un tono marron claro calido y un efecto 'hover' en color Beige que le da un toque de iluminacion al pasar el cursor.

Para añadirlo a nuestro sitio, primero copiamos el siguiente codigo CSS y lo ponemos en las etiquetas <body> de nuestra plantilla:

<style> #noab {     display: block;     font-size: 16px;     margin: 0;     padding: 4px 0 0 3px; } #noab li, #noab li a {     background: url("http://www.hoab.org/wp-content/themes/hoab/images/nav.jpg") no-repeat scroll 0 0 transparent;     color: #5B2609 !important;     display: block;     height: 31px;     line-height: 31px;     text-decoration: none;     text-indent: 22px;     width: 209px; } #noab li a:hover {     background: url("http://www.hoab.org/wp-content/themes/hoab/images/nav.jpg") no-repeat scroll left bottom transparent;     color: #CE6204 !important; } #noab li ul {     background-color: #D6BB90;     left: -9999px;     margin-left: 209px;     margin-top: -31px;     position: absolute;     z-index: 10; } #noabli ul li {     background-image: none !important;     border-bottom: 1px solid #CE6305;     height: 31px; } #noab li ul li a {     background-image: none !important;     height: 31px;     line-height: 31px;     text-indent: 10px;     width: 100%; } #noab li:hover ul, #nav li.sfHover ul {     left: auto; } #noab li ul a:hover {     background-color: #F3EBD4 !important;     background-image: none !important;     color: #CE6305;     text-decoration: none; } #noab li ul, #nav li ul li {     width: 200px; } </style>

Ahora, para mostrar el menu, añadimos el codigo HTML modificando lo que esta en rojo. Si queremos agregar mas enlaces, ponemos la linea <li><a href="URL">TEXTO</a></li> tantas veces como queramos.

<ul id="noab">
<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>
<li><a href="URL">TEXTO</a></li>
</ul>

El resultado de nuestro menu vertical sera este: