Lista/Menu con gráfico

Bier · #1 (**permalink**) 31/10/2013, 14:57

¿Donde puedo encontrar información para crear una Lista/Menú y en donde pueda desplegar un pequeño gráfico?

Gracias

ivo5860 · #2 (**permalink**) 31/10/2013, 18:28

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