Menu "Azulon"

comentar


 Para todos/as los que como a mi les encante el color azul, os traigo este menu diseñado por un servidor. Para añadirlo a vuestro blog o web, basta con copiar el codigo de abajo e insertarlo alli dode querais que aparezca. Solo teneis que modificar lo que esta en rojo para poner los enlaces  y el texto que querais.

VER CODIGO



<ul class="menuazulon"><b>
<li><a href="URL">TEXTO</a></li>
<li><a href="
URL">TEXTO</a></li>
<li><a href="
URL">TEXTO</a></li>
</b></ul>

<style>
/* Menu Azulon - diseñado por Johnny V - blog REDEANDO - url: http://redeando.blogspot.com/
----------------------------------------------- */
.menuazulon {
 float: left;
 width: 100%;
height: 35px;
 margin: 0;
 padding: 0;
 background: url(http://4.bp.blogspot.com/-Gm1kpDR36Ao/TndrMrG_sqI/AAAAAAAAAVM/TQMiGMF2Ug4/s1600/fondoazulmenugloss.jpg);
 font-size: 14px !important;
 text-decoration: bold;

;

}

.menuazulon li {display: inline;}

.menuazulon li a, .menujohnny li a:visited {
 float: left;
 text-decoration: none;
 padding: 9px;

color: #fff !important;
border-right: 3px solid #000 !important;
border-top: 0px solid #000 !important;
border-bottom: 0px solid #000 !important;
border-left: 0px solid #000 !important;
 text-shadow: 5px 1px 5px #000;


}

.menuazulon li a:hover {
 background: transparent url(http://1.bp.blogspot.com/-epv8Xop_mqU/Tndsv5nmitI/AAAAAAAAAVY/82vR9e4Z49Q/s1600/fondoazulmenuglossdos.png) center center repeat-x !important;
 text-decoration: bold;
 color: #FFF545 !important;


}
</style>



Y asi de rebonico quedara el menu en nuestra web