23 Menús desplegables gratuitos

Menu css

Menu css

Javascript.. CSS… Ajax.. hay tantas formas de crear menúes desplegables, pero no es una tarea nada sencilla, sobre todo porque hay que tener en cuenta las compatibilidades con los navegadores.

Por eso, tener un menu desplegable css gratis al alcance es como ahorrar un dia de trabajo. Con 23 alternativas a mano, además de aprender el desarrollo web, se optimiza. Estos menús desplegables css son muy atractivos y customizables, funcionan a la perfección en todos los navegadores y la mayoría usan jQuery.


jQuery Multi Level CSS Menu #1
1

Con un toque de jQuery y mucho css, este menu de sencillo diseño muestra su poder con un efecto de Fade.

jQuery Multi Level CSS Menu #1


jQuery Multi Level CSS Menu #2

Menu css

Menu css

Un bonito Slide que se abre y contrae automáticamente al pasar el el puntero por alguno de los enlaces..

jQuery Multi Level CSS Menu #2


All Levels Navigation Menu

Menu multinivel css

Menu multinivel css

Menú multi nivel vertical muy logrado con efecto fade muy customizable, podes modificar el tiempo de delay y otros parámetros.

Descargar


Smooth Navigational Menu (v1.3)

Menu css

Menu css

Suavizado y transparencia con jQuery, soporta orientación vertical como horizontal

Descargar


Simple CSS Vertical Menu Digg-Like

Menu al estilo digg

Menu al estilo digg

Un menú desplegable al estilo de Digg.com, ideal para modificar e implementar en alguna aplicación web.

Descargar


Professional dropdown #1

Menu css

Menu css

Aquí vemos mas calidad en el diseño, rápido y bonito menu css para sitios corporativos.

Descargar


Professional dropline #1

Menu css

Menu css

Las opciones se despliegan horizontalmente, lo único que le cambiaría es el efecto Hover del sub-menú, lo demás perfecto.

Descargar


Jim’s DHTML Menu V5.7

Menu Css

Menu Css

Multinivel vertical, sobrio y compatibilidad hasta con dinosarurios como IE4. La verdad que es de no creer.

Descargar


Drop Down Tabs (5 styles)

tab css

tab css

Un menu con 5 estilos de diseño diferentes.

Descargar


Superfish v1.4.8

Menu css

Menu css

Una gota del poder de jQuery y se puede hacer maravillas como estas, el menú tiene varias disposiciones, vertical, horizontal , con sub-menú, barra de navegación…

Descargar


SuckerFish Style

menu css

menu css

Seguimos con jQuery y un menu desplegable similar al anterior.

Descargar


JavaScript Dropdown Menu with Multi Levels

Menu Css

Menu Css

Mucha calidad gráfica y buenos efectos caracterizan a este espectacular menu multi nivel horizontal.

Descargar


MenuMatic 0.68.3

Menu css

Menu css

Simplemente parece un menú creado en Flash, se nota que hay mucho trabajo de por medio, porque sencillamente esta genial. El unico problema es que tiene algunas incompatibilidades con IE6 (pero a esta alturas, a quien le importa?).

Descargar


Sliding JavaScript Dropdown Menu

Menu css

Menu css

Una buena transparencia con javascript y un diseño metalico muy estetico.

Descargar


jGlide Menu

Menu css

Menu css

Este menu usa Ajax como motor para realizar un carrusel cada vez que avanzamos por los sub-menúes, no es desplegable y su estilo es el indicado para una aplicacion web.

Descargar


Dropdownmenu made with scriptaculous/prototype v0.5

Menu css

Menu css

Funciona correctamente con los ultimos navegadores y usa Scriptaculous, no tiene imagenes de fondo pero podemos asignarle algunas.

Descargar


Chrome CSS Drop Down Menu (v2.5)

Menu css

Menu css

Rapido y excelente, fue probado en su tiempo con las betas de IE8 logrando resultados y es muy facil de customizar

Descargar


Professional dropdown #2

Menu css

Menu css

Espectacular menu con un diseño trabajado profesionalmente, efectos Hover con imagenes y mas chiches.

Descargar


Hover Drop #2

Menu css

Menu css

Un diseño muy delicado y cuidado, se puede lograr un buen menú corporativo alternando los colores, usa un poco de javascript para IE6.

Descargar


Skeleton dropdown menu

menu css

menu css

Bonito pero con algunos errores a mi parecer, porque el sub nivel se superpone con la barra principal, o quizas se hizo intencionalmente.

Descargar


HV Menu v5.5

Menu css

Menu css

Hasta 3 niveles y la posibilidad de alternar facilmente la orientacion del mismo, funciona en la mayoria de los browsers.

Descargar


Simple Drop-Down Menu v2.0

menu css

menu css

Sencillo como el mismo, un toque de javascript y css.

Descargar


Horizontal dropdown menu script

Menu css

Menu css

Interezante menú, me gusta su estilo para ponerlo estatico en el top de alguna web y que se mantenga al hacer scroll en la pagina.

Descargar


Via: VandelayDesign

21 respuestas a “23 Menús desplegables gratuitos”

  1. diseño web dice:

    Gran Lista, sobretodo la combinacion de colores con los backgrounds

  2. bellazul dice:

    Hola, tengo un problemilla en mi web de wordpress. He utilizado una plantilla muy completa pero no megustan los menus drop down y prefiero un menu dropline, el caso es que ademas no puedo cambiar un slide show por que entra en conflicto el plugin con el menu. Asi que pense que podria poner un menu dropline y asi solucionar dos temas de golpe pero claro me encuentro que no se mucho de css y claro como el menu que tengo tira de php no puedo cambiarlo ya que las definiciones del css son llamadas de otra manera. me gustaria saber si podria alguien decirme alguna manera de como puedo cambiar el menu de mi web. Ademas hay muy pocos modelos de menus en dropline y sin embargo muchisimos de drop down. Muchas gracias y muy buenos los menus estan muy bien.

  3. Willowman dice:

    @bellazul Hola! estuve un poco alejado del blog pero ahora vuelvo con mas. Veo que solucionaste el problema del menú en tu blog, felicidades. Gracias por comentar! Saludos!!!!

  4. Mona dice:

    Yo tengo un problemita, actualmente tengo una pagina web con un menu desplegable pero este menu a veces se mueve de la parte superior se va mas hacia abbajo p se mueve hacia la izquierda, esto sucede cuando se entra desde otro sitio web que contiene la pagina y solo se arregla poniendo f5. Por favor que debo poner para que no se mueva???

    Muchas Gracias

  5. bellazul dice:

    Hola, la verdad es que al final lo que hice fue cambiar de wordpress a joomla por que con wordpress no me dejaba poner un menu en dropline y aunque considero que wordpress es muy bueno yo necesitaba algo mas y con joomla lo solucione todo asi que si miras veras que a quedado mucho mejor y por fin consegui la pagina como yo queria pero muchas gracias por contestar, y mucha suerte con tu blog, saludos.

  6. Ezequiel M. dice:

    Me alegra que pudiste encontrar la solución con joomla y te quedó muy bien el diseño, te felicito!

  7. david edwin dice:

    hola amigos de esta pagina les pido un fovor quiciera que me proporsiones una lista de menu para paginas para realizar mi hacer mi pagina para mi proyecto de como se ve esta pagina bueno espero su respuesta

  8. Sinceramente me agrada este aporte de los menus, de seguro haran que mi web se vea mas agradable, gracias, por cierto mi web es Curso DeWindows7.com

    Y Gracias, seguire tus aportes.

  9. Mariana dice:

    Hola quiero preguntarte si conoces una forma de poner 2 menú de javascript en una pàgina, porque el primero me funciona de 10, pero cuando pongo del 2do. parece que se confunden los estilos y me desarma el primero. Gracias de antemano!

  10. Ezequiel M. dice:

    Hola Mariana, si se puede, lo que te debe estar pasando es que estas sobreescribiendo los archivos o hay clases e ID iguales entre los dos menus. Una de esas dos es seguro, saludos.

  11. David dice:

    Hola, estaba viendo los trabajos que tienes de los menus desplegables y
    me ha gustado mucho este: ‘Professional dropdown #2′, pero veo que esta alineado a la izquierda.

    sabes la manera de poder poner el menu centrado? es que con el monitor en grande se queda todo el menu vacio.

    gracias

  12. Ezequiel M. dice:

    Es un poco dificil que te responda solo con la explicación que me das, deberías mostrarme el ejemplo online y quizas te pueda dar una solución. Saludos

  13. Martin dice:

    Alguien podria ayudarme, hice un menu css pero al momento en que aparece el submenu el contenido que tengo abajo valgase la redundancia baja el contenido. Gracias

  14. todas tus opciones de menus estan fenomenales, pero no aparece en link descargar

  15. Carlos dice:

    Hola queria saber si lo ultimo que ustedes tienen en esta pagina es un plugin de joomla, por favor respondanme cuando puedan

  16. vero dice:

    Buenas, desde hace un par de semanas creé un blog, no paro de buscar como hacer un menu desplegable pero a pesar de todas las pruebas que estoy haciendo no se me ve bien, lo he probado con otros navegadores por si no son compatibles pero no se donde esta el error y me estoy volviendo loca con tantas pruebas…. jajjajaaj ¿que puede pasar?Un saludo.

  17. Ezequiel M. dice:

    Lo que pasa es que tenes que buscar un pluguin en tu caso, hiciste tu blog en wordpress? o en que plataforma?

  18. christian dice:

    Hola tengo 4 div una padre llamado page, una div adentro llamado header una div mas en su interior llamado menu, en menu tengo un menu desplegable, que al hacerle click no se despliega, alguien sabe como solucionarlo ? saludos y gracias

  19. Dario dice:

    Hola Cristian lo hicistes con CSS?

  20. FEDERICO VENTURA dice:

    Hola, te felicito con el aporte que has hecho y ya he descargado 3 de tus menús, y he decidido usar el menú Professional dropdown #1, para un sitio que estoy creando para mi 4to cliente es este mundo de diseño de paginas web, pero se me ha presentado un problema, el menú desplegable al momento de probarlo, queda debajo o solapado por un slidershow, que tengo en el , justo debajo del menú, se puede observar por un pequeño borde que deja el heigh del div donde está el menú, que esté se esta desplegando, pero no se ve del todo porque el slidershow lo tapa, que solución tienes o que estoy haciendo mal.
    El slidershow tiene un ancho de 1024×405 px, son 7 imagenes, esta hecho en html,css y con una clase y un archivo para JavaScript , puedes ayudarme a solucionarlo, gracias.

  21. Yoher dice:

    Hola mirando esta pagina me di cuenta que realmente le brindan alternativas para solucionar esos problemillas que se nos presentan a los que nos estamos iniciando en el mágico mundo de la programación, me gustaría una dirección electrónica donde pueda explicar con detalles una situación que se me esta presentando en mi nuevo proyecto, relacionado con el menú y el submenu de una plantilla que baje de internet.

    Agradecería una respuesta.
    Yoher

Deja un comentario