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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOVyKxJqUPMD1UWPUycoVcgxZehbUdlM8i3C4Qnc4oUi76EUcpO27Y4y7Ih44G1wNJjQZPZqxtbaiBnWPKeINu4Mc8FxS_5RhpIMEq6MYpwmDIRpftW8gZR7mTnKOLNAin1tjgrUL_fpZV/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9Zfq_TUqMvXo-Nm_QlNl9xv97bIe15iZGdb64b900T2SOziUe25cVKyr3UExvuujq4t81lDQqgRPzoPUo-npIVYR1mJJZfrQE9YnVCWayIc2jADGlr_CBEh7FHBYuRNdM9pxxw2yLVtR/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
