#1 Pedido De Css! hola:
como, algunos, ya sabrán, estuve intentando hacer un menú desplegable en HTML y CSS pero no lo logré, alan me dió una web de donde sacarlo, copié los códigos los pegué en mi web y los edité. Como no funcionaba (por alguna edición mal hecha) borré todo e hize mi HTML, pero como no sé NADA de CSS (bueh un poquitito MUY CHIQUITITO [todo con ITO jajja
]) quería saber si alguien podía hacerlo por mi...
les dejo el
Lo que no sé es cómo hacer para que se hagan desplegables y los botones con js asi que espero que me ayuden.....
les dejo los datos:
CHAO
GRAX
como, algunos, ya sabrán, estuve intentando hacer un menú desplegable en HTML y CSS pero no lo logré, alan me dió una web de donde sacarlo, copié los códigos los pegué en mi web y los edité. Como no funcionaba (por alguna edición mal hecha) borré todo e hize mi HTML, pero como no sé NADA de CSS (bueh un poquitito MUY CHIQUITITO [todo con ITO jajja
]) quería saber si alguien podía hacerlo por mi...les dejo el
Código HTML:
<div> <dl> <dt onClick="javascript:show('home');">Principal</dt> <dd id="home"> <li> <ul><a href="/noteofweek.html">Nota de la semana</a></ul> <ul><a href="/photoofweek.html">Foto de la semana</a></ul> <ul><a href="/interviewofweek.html">Entrevista de la semana</a></ul> <ul><a href="/wwwofweek.html">Web de la semana</a></ul> <ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('home')"</strong></div><div><strong>//Acá iría un botón con un link a la página "/index.html"</strong></div></ul> </li> </dd> </dl> <dl> <dt onClick="javascript:show('equipo');">Equipo</dt> <dd id="equipo"> <li> <ul><a href="/equipo/primera.html">Primera</a></ul> <ul><a href="/equipo/reserva.html">Reserva</a></ul> <ul><a href="/equipo/inferiores.html">Inferiores</a></ul> <ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('equipo')"</strong></div><div><strong>//Acá iría un botón con un link a la página "/equipo.html"</strong></div></ul> </li> </dd> </dl> <dl> <dt onClick="javascript:show('club');">Club</dt> <dd id="club"> <li> <ul><a href="/club/amateur.html">Amateur</a></ul> <ul><a href="/club/historia.html">Historia</a></ul> <ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('club')"<ndex/strong></div><div><strong>//Acá iría un botón con un link a la página "/club.html"</strong></div></ul> </li> </dd> </dl> <dl> <dt onClick="javascript:show('noticias');">Noticias</dt> <dd id="noticias"> <li> <ul><a href="/noticias/carc.html">C.A.R.C.</a></ul> <ul><a href="noticias/general.html">General</a></ul> <ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('noticias')"</strong></div><div><strong>//Acá iría un botón con un link a la página "/noticias.html"</strong></div></ul> </li> </dd> </dl> <dl> <dt><a href="/seguridad">Seguridad</a></dt> </dl> <dl> <dt><a href="/publicidad">Publicidad</a></dt> </dl> </div>
Lo que no sé es cómo hacer para que se hagan desplegables y los botones con js asi que espero que me ayuden.....
les dejo los datos:
- Sin presionar:
- Menú:
- Deben estar TOTALMENTE unidos, osea sin separación entre ellos |---| http://www.canalla.com
- Debe ser HORIZONTAL |---| http://www.canalla.com
- fondo: #0000CC
- letras: #FFCC00, en negrita
- Bordes izquierdo y superior: #7575FF
- Bordes derecho e inferior: #00006F
- Menú:
- Submenú:
- No se ve
Presionado:- Menú:
- Deben estar TOTALMENTE unidos, osea sin separación entre ellos |---| http://www.canalla.com
- Debe ser HORIZONTAL |---| http://www.canalla.com
- fondo: #FFCC00
- letras: #0000CC y en negrita
- Bordes izquierdo y superior: #FFE784
- Bordes derecho e inferior: #C69E00
- Submenú:
- Fondo:#0000CC
- letras: #FFCC00, en negrita
- Botones:
- Fondo: #FFCC00
- Letras: #0000CC y en negrita
- Bordes izquierdo y superior: #FFE784
- Bordes derecho e inferior: #C69E00
CHAO
GRAX
0
(o al menos funcional)