Foros del Web » Creando para Internet » CSS »

Como hacer menu desplegable???

Estas en el tema de Como hacer menu desplegable??? en el foro de CSS en Foros del Web. Hola a todos, quisiera saber como se puede hacer un menu que se despliegue verticalmente cuando doy click en él, eso en primer lugar. Pero ...
  #1 (permalink)  
Antiguo 30/03/2010, 14:23
 
Fecha de Ingreso: junio-2004
Mensajes: 185
Antigüedad: 19 años, 10 meses
Puntos: 0
Pregunta Como hacer menu desplegable???

Hola a todos, quisiera saber como se puede hacer un menu que se despliegue verticalmente cuando doy click en él, eso en primer lugar.

Pero tambien quisiera que el elemento que yo seleccionara se quede visualizado cuando se cierre el menu desplegable, o que se quedara marcado de alguna manera para saber que fue ese el que se seleccionó:

por ejemplo si tengo tengo una barra de opciones, opcion 1, opcion 2 , opcion 3, quisiera que cuando se desplieguen las opciones que escoja por ejemplo opcion 3, que esta se quede marcada con otro color cada vez que lo despliegue.

Le agradecería mucho su ayuda.
Saludos
Gracias de antemano.
  #2 (permalink)  
Antiguo 30/03/2010, 16:26
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 14 años, 10 meses
Puntos: 20
Respuesta: Como hacer menu desplegable???

aqui tienes todo tipo de menus con jquery:

http://blog.xcitingart.com/diseno-web/menu-jquery/

y si no, pon en google CSS Menu Desplegable
  #3 (permalink)  
Antiguo 30/03/2010, 21:27
 
Fecha de Ingreso: noviembre-2009
Mensajes: 79
Antigüedad: 14 años, 5 meses
Puntos: 2
Respuesta: Como hacer menu desplegable???

<ul><li>
<ul class=”no”><li><li></ul>
<li></ul>

Cuando pases el puntero sobre la lista alguna <li> con el hover haces visible la lista dentro de la <li>
Ul li ul.no{display:none}// esta oculto
Ul li:hover ul.no{display:block}// lo hace visible

Todo lo demás es solo estética, como poner imagen de fondo, los bordes, el padding,margin, float:left para que se vea la lista horizontal

usa javascript
  #4 (permalink)  
Antiguo 30/03/2010, 21:58
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Como hacer menu desplegable???

Hola chicos, bueno nada, solo ofrecer una alternativa a js para hacer honor al foro en que estamos .

Bien, les comparto dos alternativas ( 1 - 2 ) muy interesantes creadas solo con css. (el primero un tutorial y el segundo autoria de mikmoro, ctrl+u y ya tienen el codigo)

... y si por ahi son del tipo de personas que gusta de resolver con css lo mayor que puedan les comparto este otro con muy buenas soluciones también.

Saludos
  #5 (permalink)  
Antiguo 31/03/2010, 06:42
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Como hacer menu desplegable???

Cita:
Iniciado por cristian_cena Ver Mensaje
... y si por ahi son del tipo de personas que gusta de resolver con css lo mayor que puedan les comparto este otro con muy buenas soluciones también.
Muy buen aporte cristian_cena
__________________
Revisa las FAQ's antes de disparar.

Etiquetas: desplegable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:52.