in-code - Menu horizontal1

Menu horizontal1

Menu 1 Menu 2 Menu 3

Este menu es aporte exclusivo de css plantillas, es del estilo de windows media player 11.
Es muy simple de editar y muy vistoso. Disfrutalo.

[ Ejemplo: ]

Codigo:

<style type="text/css"> #menu {padding:0 0 0 5px; margin:0; list-style:none; height:35px;  background:#fff url("http://cssplantillas.netau.net/ap/archivos/9c19d0b445.png"); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; width:100%; /* esto modifica el ancho del menu */} #menu li {float:left;} #menu li a {display:block; float:left; height:35px; line-height:40px;  color:#ccc; text-decoration:none; font-size:12px;  font-family:arial, verdana, sans-serif; font-weight:bold;  text-align:center; padding:0 0 0 8px; cursor:pointer;} #menu li a b {float:left; display:block; padding:0 16px 0 8px;} #menu li.current a {color:#fff; background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png");} #menu li.current a b {background:url("img/menu2.png") no-repeat right top;} #menu li a:hover {color:#fff;background:#000 url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png");} #menu li a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png") no-repeat right top;} #menu li.current a:hover {color:#fff;  background:#000 url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png"); cursor:default;} #menu li.current a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png") no-repeat right top;} </style> <ul id="menu"> <li><a href="#"><b>Inicio</b></a></li> <li><a href="#"><b>Link's 2</b></a></li> <li><a href="#"><b>Link's 3</b></a></li> <li><a href="#"><b>Link's 4</b></a></li> <li><a href="#"><b>Link's 5</b></a></li> <li><a href="#"><b>Link's 6</b></a></li> <li><a href="http://cssplantillas.es.tl"><b>Css Plantillas</b></a></li> </ul>

Instrucciones:
Modifica el ancho del menu donde dice: width: xxx; lo puedes poner en px ej. 600px o en porcentaje ej. 80%.

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis