in-code - Menu horizontal3

Menu horizontal3

Menu 1 Menu 2 Menu 3

[ Ejemplo: ]

Codigo:

<style type="text/css"> #tabs {float:left;width:100%; font:14px arial; line-height:normal;border-bottom:1px solid #666; margin-bottom:1em;overflow:hidden;} #tabs ul {margin:0;padding:10px 10px 0 0px;list-style:none;} #tabs li {display:inline;margin:0;padding:0;} #tabs a {float:left;margin:0; background:url("https://img.webme.com/pic/c/cssplantillas/left.png") no-repeat left top; padding:0 0 0 6px;text-decoration:none;} #tabs a span {float:left;display:block; background:url("https://img.webme.com/pic/c/cssplantillas/right.png") no-repeat right top; padding:6px 15px 4px 6px;margin-right:2px;color:#FFF;} #tabs a span {float:none;} #tabs a:hover span {} #tabs a:hover {background-position:0% -42px;} #tabs a:hover span {background-position:100% -42px;} </style> <div id="tabs"><ul> 	<li><a href="URL"><span>Inicio</span></a></li> 	<li><a href="URL"><span>Menu 2</span></a></li>     <li><a href="URL"><span>Menu 3</span></a></li>     <li><a href="URL"><span>Menu 4</span></a></li>     <li><a href="URL"><span>Contacto</span></a></li> </ul></div>

Instrucciones:
- Solo edita el html en la parte donde dice "URL" hay pones el link's de destino y donde esta el nombre pones el nombre del link's.
Esto lo pagas donde quieras que valla el menu, recurda que los codigos se pegan donde se admita html.

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

Registrarse gratis