Luis Alfonso Rios - Menu horizontal

Luis Alfonso Rios

Menu horizontal

Codigo:

<style type="text/css"> #menu {padding:0 0 0 5px; margin:0; list-style:none; height:35px;  background:#fff url("http://i45.tinypic.com/b9dmb6.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://i47.tinypic.com/rvzuo2.jpg");} #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://i47.tinypic.com/rvzuo2.jpg"); cursor:default;} #menu li.current a:hover b {background:url("http://i47.tinypic.com/rvzuo2.jpg") 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://luisalfonsorios.es.tl"><b>Luis Alfonso Rios</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%.

Ya la han visto 95 visitantes (140 clics a subpáginas) Gracias por tu visita!

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

Registrarse gratis