Kilometro6 Recursos PWG

Kilometro6

Menus verticales 1

Menus Verticales 1
Para obtener cada menu es necesario serguir este procedimiento. Cada menú tiene 2 códigos, uno es el HTML del menu y el otro es el CSS del menu. El código CSS del menu lo tienen que pegar en "Css-Code sin Style Tags" y el código HTML del menú lo pegan en "Texto por encima de la página". Este se encuentra el final de la página ya que es igual en todos los menús.

Menu 1:


ul { list-style: none; margin: 0; padding: 0; } #menu { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #5E7830; display: block; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu13.gif); padding: 8px 0 0 10px; } #menu li a:hover { color: #26370A; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu13.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu13.gif) 0 -64px; padding: 8px 0 0 10px; }


Menu 2:
ul { list-style: none; margin: 0; padding: 0; } #menu { width: 200px; margin: 10px; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #8D9179; display: block; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu18.gif); padding: 8px 0 0 10px; } #menu li a:hover, #menu li a:active { color: #6C7250; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu18.gif) 0 -32px; padding: 8px 0 0 10px; }


Menu 3:
ul { list-style: none; margin: 0; padding: 0; } #menu { width: 200px; margin-top: 10px; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #E5E8D4; display: block; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu21.gif); padding: 8px 0 0 10px; } #menu li a:hover { color: #725033; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu21.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #fff; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu21.gif) 0 -64px; padding: 8px 0 0 10px; }


Menu 4:
ul { list-style: none; margin: 0; padding: 0; } img { border: none; } #menu { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #3688BA; display: block; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu44.gif); padding: 8px 0 0 30px; } #menu li a:hover { color: #3688BA; background: url(https://img.webme.com/pic/k/kilometro6-pruebas/menu44.gif) 0 -32px; padding: 8px 0 0 32px; }


Código HTML:
<div id="menu"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Templates</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Layouts</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Books</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Menus</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Tutorials</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Reference</a></li> <li><a rel="nofollow" target="_blank" href="http://www.exploding-boy.com/" _fcksavedurl="http://www.exploding-boy.com/" title="explodingboy">explodingboy</a></li> </ul> </div>


Cualquier pregunta puedes hacerla en nuestra Seccion de Soporte
Hoy hemos ayudado a 3 visitantes (5 clics a subpáginas) en kilometro6!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=