31/10/2013, 18:28
|
| | | Fecha de Ingreso: octubre-2013 Ubicación: Argentina
Mensajes: 51
Antigüedad: 11 años, 1 mes Puntos: 0 | |
Respuesta: Lista/Menu con gráfico Hola! ,
Mira, es muy facil!!!
Lo que vos deves querer es un menu desplegable!
Presta atención lo que te dejo aca...
PRIMERO EL CSS:
ESTE CSS, En tu creador de sitios web.. Crea un archivo .CSS Y pega esto :
@ charset "utf-8"; /* CSS Document */
body{margin:0; font-family: sans-serif; font-zise:14px; }
#menu-wrapper ul{padding:0; list-style:none; }
#hmenu > li{ display: inline-block; }
#hmenu > li > a{ display: block; padding: 10px 5px; width: 90px; }
li ul{ position: absolute; display:none; }
.sub-menu a{ display:block; padding: 10px 5px; width: 130px; }
li:hover ul{ display: block; }
#menu-wrapper, li ul{ background:#333; }
#hmenu { width: 350px; margin: 0 auto; }
#hmenu a{ color: #fff; text-decoration: none; font-weight: bold; }
#hmenu li:hover{ background: #a3cd39; text-shadow: 0 0 2px #000; }
Despues de hacer esto, copia entre <head></head> lo siguiente :
<link rel="stylesheet" type="text/css" href="ACA VA EL NOMBRE QUE LE PUSISTE AL GUARDAR EL ARCHIVO .CSS"/>
Y despues de esto finalizando, tenes que pegar lo siguiente entre <body></body> :
<div id="menu-wrapper" class="border">
<ul id="hmenu">
<li><a href="index.html">Inicio</a></li>
<li><a href="Informacion.html">Información</a></li>
<li><a href="Remixes.html">Remixes</a></li>
<li><a href="">Dj-Chivaco</a></li>
<li><a href="Contacto.html">Contacto</a></li>
<li><a href="formulario de registro.php">Registrate!</a></li>
<li><a href="Iniciar sesion.html">Iniciar Sesión</a></li>
<li><a href="Videos.html">Videos</a></li>
</ul>
</div>
Ese es el qe tengo yo ! Si queres podes visitar mi pagina web : http://chivacoz.pusku.com
Pero si vos queres un menu desplegable, que salga de una opción la otra tenes que copiar y pegar entre body /body , lo siguiente :
<div id="menu-wrapper" class="border">
<ul id="hmenu">
<li><a href="index.html">Inicio</a></li>
<li><a href="Informacion.html">Información</a></li>
<li><a href="Remixes.html">Remixes</a></li>
<li><a href="">Dj-Chivaco</a>
<ul id="Sub-menu">
<li><a href="Contacto.html">Contacto</a></li></ul></li>
<li><a href="formulario de registro.php">Registrate!</a>
<ul id="Sub-menu">
<li><a href="Iniciar sesion.html">Iniciar Sesión</a></li></ul></li>
<li><a href="Videos.html">Videos</a></li>
</ul>
</div>
Espero que te aya ayudado la información que te brinde! Suerte :D |