Foros del Web » Creando para Internet » CSS »

Cómo hacer un menú desplegable expandible

Estas en el tema de Cómo hacer un menú desplegable expandible en el foro de CSS en Foros del Web. Estimados, tengo un problemilla. Tengo realizado un menú desplegable vertical (CSS + JS) que muestra una seeeeerie de productos en una página web. Como son ...
  #1 (permalink)  
Antiguo 20/12/2010, 18:32
 
Fecha de Ingreso: diciembre-2010
Mensajes: 2
Antigüedad: 13 años, 3 meses
Puntos: 0
Cómo hacer un menú desplegable expandible

Estimados, tengo un problemilla.

Tengo realizado un menú desplegable vertical (CSS + JS) que muestra una seeeeerie de productos en una página web. Como son tantos productos, al momento de desplegarse ocupa mucho espacio en la pantalla, por lo cual, no es estético, entonces, mi lo que necesito es hacer que el menú sea, además, expandible, es decir, que no muestre inmediatamente todos los productos, sino que al hacer clic en un especie de flecha (por ejemplo), vaya desplegando los productos que faltan por mostrar... no he sabido hacer ésto :(

Porfaaaaaa, necesito ayuda, ya que es urgente, plissss
  #2 (permalink)  
Antiguo 20/12/2010, 19:35
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 13 años, 4 meses
Puntos: 4
Respuesta: Cómo hacer un menú desplegable expandible

Mira este post de Mikmoro
http://www.forosdelweb.com/2442074-post1.html

Aunque solo usa CSS.
  #3 (permalink)  
Antiguo 21/12/2010, 19:36
 
Fecha de Ingreso: diciembre-2010
Mensajes: 2
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer un menú desplegable expandible

Cita:
Iniciado por KurozakiIchigo Ver Mensaje
Mira este post de Mikmoro
http://www.forosdelweb.com/2442074-post1.html

Aunque solo usa CSS.
Hola, sí, están buenos, podré sacar algunas ideas de ahí, pero no es lo que necesito, ya que como son tantos productos los desplegados por el menú, ocupa toda la pantalla, y eso no se ve bien, entonces, la idea es que aparte que sea menú desplegable, éste se pueda expandir o "bajar", así como le hacemos con el scrollbar, pero sin scrollbar :S
  #4 (permalink)  
Antiguo 21/12/2010, 22:44
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 13 años, 4 meses
Puntos: 4
Respuesta: Cómo hacer un menú desplegable expandible

Claro que pudieses hacer lo que pides con este ejemplo:

cuando el visitante de clic a la pestaña PRODUCTOS.
Se despliegue un menu con solamente 6 opciones, que sean "5 PRODUCTOS" y la sexta opcion diga "MÁS" y al dar clic a "MAS" se despliegue otro menu y se oculten los primeros 5 productos.

Claro que es posible, trata con el codigo y usando ideas, arma el menu con estas funciones.
  #5 (permalink)  
Antiguo 22/12/2010, 15:47
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 2 meses
Puntos: 7
Respuesta: Cómo hacer un menú desplegable expandible

Hola:

Creo que si son muchos productos deberias tratar de mostrarlos con distintos submenus para no "cansar" al visitante que seguramente deberá hacer varios o muchos clicks hasta llegar a lo que busca. Esto que te menciono es pensando en la usabilidad del menu.

Tal vez un menu desplegable organizado en varias columnas que no deba hacer muchos clicks.

Aqui algunos ejemplos:

http://www.javascriptkit.com/script/...megamenu.shtml
http://www.cssplay.co.uk/menus/multi-column.html

Espero haberte ayudado.

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]

Etiquetas: desplegable, expandible
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 18:20.