por armando96 Vie Nov 26, 2010 11:07 amMenu Horizontal
Este es un menú horizontal que al pasar el mouse por encima de el, cambia de color a azul
Colocar allí el siguiente codigo:
HTML
- Código:
<style type="text/css">
body {
background: #000000;
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
line-height: 15px;
margin: 0;
padding: 0;
text-align: center;
}
#nav a:link {
background: url(http://i55.tinypic.com/23mwj5.jpg) no-repeat;
color: #C7C6C6;
display: block;
font-size: 10px;
font-weight: bold;
height: 20px;
padding-top: 6px;
text-align: center;
text-decoration: none;
width: 71px;
}
#nav a:visited {
background: url(http://i56.tinypic.com/vfffr8.jpg) no-repeat;
color: #C7C6C6;
display: block;
font-size: 10px;
font-weight: bold;
height: 20px;
padding-top: 6px;
text-align: center;
text-decoration: none;
width: 71px;
}
#nav a:hover, #nav a:active {
background: url(http://i56.tinypic.com/vfffr8.jpg) no-repeat;
color: #FFFFFF;
display: block;
font-size: 10px;
font-weight: bold;
height: 20px;
padding-top: 6px;
text-align: center;
text-decoration: none;
width: 71px;
}
#nav {
margin-bottom: 10px;
margin-top: 10px;
width: 588px;
}
#nav ul {
list-style: none;
margin: 0;
margin-left: 20px;
padding: 0;
}
#nav li {
float: left;
list-style: none;
margin: 0;
margin-right: 20px;
padding: 0;
}
</style>
</head><DIV id=nav>
<UL>
<LI><A href='TU URL'>TEXTO</A>
<LI><A href='TU URL'>TEXTO</A>
<LI><A href='TU URL'>TEXTO</A>
<LI><A href='TU URL'>TEXTO</A>
<LI><A href='TU URL'>TEXTO</A>
<LI><A class=postlink href="TU URL" target=_blank>TEXTO</A>
</LI>
gracias por el aporte.. 
The Exiles
