Foros del Web » Creando para Internet » HTML »

Ayuda con menú desplegable Avanzado

Estas en el tema de Ayuda con menú desplegable Avanzado en el foro de HTML en Foros del Web. Hola, estoy cogiendo ideas para diseñar una web para una empresa y navegando me he encontrado con esta fantástica tienda online francesa de deliceteses. http://www.madeleinemarket.com/epicerie-fine/foie-gras-magrets/997 ...
  #1 (permalink)  
Antiguo 20/01/2011, 08:13
 
Fecha de Ingreso: marzo-2007
Mensajes: 26
Antigüedad: 10 años, 9 meses
Puntos: 0
Ayuda con menú desplegable Avanzado

Hola, estoy cogiendo ideas para diseñar una web para una empresa y navegando me he encontrado con esta fantástica tienda online francesa de deliceteses.

http://www.madeleinemarket.com/epicerie-fine/foie-gras-magrets/997


Lo que más me llama la atención es el diseño de los menus desplegables mostrados al pasar el ratón sobre las diferentes categorías del menu principal.
Es justo lo que quiero para mi Web y me encantaría hacerlo por mi cuenta pero no se por donde empezar.

Podeis darme algun tipo de indicación de como lograr que me salga ese panel dividido en columnas con el sombreado en mi menu.
Si os fijais las primeras columna serían las subcategorias, luego una relación de marcas comerciales que trabajan esos productos y finalmente algunos enlaces con una foto.

saludos





  #2 (permalink)  
Antiguo 20/01/2011, 16:12
 
Fecha de Ingreso: febrero-2010
Mensajes: 11
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Ayuda con menú desplegable Avanzado

mira, no se si te van a salir igual, pero los poder hacer muy facil y en menos de un minuto con el fireworks. es muy facial. yo me baje el programa hoy y ya le toma la mano.
  #3 (permalink)  
Antiguo 20/01/2011, 19:53
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Ayuda con menú desplegable Avanzado

Cada submenú es una capa, un <div>. En ella incluyes todo lo que quieras y le das la propiedad visibility:hidden.
Cuando pasas con el ratón por encima del enlace has de cambiar esa propiedad a visibility:visible.
Eso puede hacerse con Javascript o con CSS usando :hover.
La sombra puede hacerse con una imagen transparente .png o utilizar las propiedades CSS3 para crear sombras, aunque darán seguramente problemas de compatibilidad en algunos navegadores.
Hay barras de navegación como esa a montones por la red que puedes copiar. Sólo tienes que cambiar el elemento que aparece y desaparece por uno que tenga las dimensiones que tu quieras y cambiar el contenido.
En este mismo foro debe haber bastantes hilos sobre el tema.

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 19:53.