Menu en CSS3 et Html5

Présentation

Pour donner à votre site un air agréable et professionnel voici des menus basés sur le CSS (en CSS3), avec ou sans Javascript. Ces menus sont tous 'responsive', c'est à dire qu'ils s'adaptent à tous les formats d'écran.

Je vous propose 35 menus au

  1. Adnan Topal - SlimMenuHorizontal (JS, jQuery)
  2. AdtileHorizontal (JS)
  3. Blode Matthew#Vertical (JS)
  4. By IvanHorizontal (JS, jQuery)
  5. Chris Yee - PushyVertical (JS, jQuery)
  6. Claudio HolandaVertical (CSS pur)
  7. Cody HouseHorizontal (JS, jQuery)
  8. Cody House 2Vertical (JS, jQuery)
  9. Cody House 3Vertical (JS, jQuery)
  10. Css Menu Maker#Horizontal (JS)
  11. Css ScriptVertical (JS)
  12. Css Script 2Vertical (JS)
  13. Css Script 3Vertical (CSS pur)
  14. David BushellHorizontal (JS)
  15. Design ShackHorizontal (CSS pur)
  16. Eduard L#Vertical (CSS pur)
  17. Iclanzan - SlinkyVertical (JS, jQuery)
  18. Khurshi Ahsan #Horizontal (CSS pur)
  19. jQuery ScriptHorizontal (JS, jQuery)
  20. jQuery Script 2Horizontal (JS, jQuery)
  21. jQuery Script 3Horizontal (JS, jQuery)
  22. Loncarek Mario#Recouvrant (JS, jQuery)
  23. Multi-level Push MenuVertical (JS, jQuery)
  24. Murray MarkHorizontal (JS, jQuery)
  25. Osvaldas ValutisHorizontal (JS, jQuery)
  26. Pure CssHorizontal (CSS pur)
  27. Pure Css 2Horizontal (CSS pur)
  28. Pure Css 3Horizontal (CSS pur)
  29. Ramirez Edwin#Horizontal (Css pur)
  30. Santos Eva#Horizontal (Css, JS)
  31. Shak Daniel#Fixe (CSS pur)
  32. Sullivan Paul#Fixe (CSS pur) Nouveauté
  33. The Pete DesignPleine page (JS, jQuery)
  34. TympanusHorizontal (JS, jQuery)
  35. Tympanus 2Horizontal (JS)

Adnan Topal - SlimMenu

Voir le menu

Les caractéristiques

  • Menu fixe, poussant par le haut
  • 2 états : Bureau; Tablette et mobile
  • Bootstrap
  • Javascript, jQuery
menu Adnan Topal
Site de référence

[Créé / modifié] [01-11-2018 / [[01-11-2018]

positionneen début de page

Adtile

Voir le menu

Les caractéristiques

  • Barre de navigation fixe, toujours visible
  • 2 états : Bureau et tablette; Mobile
  • JavaScript
Adtile.me menu CSS3
Site de référence

[Créé / modifié] [27-03-2016 / 27-03-2016]

positionneen début de page

Blode Matthew

Web designer & developer à Melbourne, Australia

Voir le menu

Les caractéristiques

  • Bouton de navigation fixe, toujours visible
  • Un seul état : Mobile
  • JavaScript, Modernizr
BlodeMatthew menu CSS3
Site de référence

[Créé / modifié] [04-12-2018 / 04-12-2018]

positionneen début de page

By Ivan

Voir le menu

Les caractéristiques

  • Menu fixe avec Rotation 3D
  • 1 état multi supports
  • JavaScript
  • jQuery
ByI van menu CSS3
Site de référence
Autre site de référence

[Créé / modifié] [03-09-2018 / [03-09-2018]

positionneen début de page

Chris Yee - Pushy

Voir le menu

Les caractéristiques

  • Menu poussant par la gauche
  • 1 état multi supports
  • JavaScript, jQuery
  • normalize.css
ChrisYee.ca menu CSS3
Site de référence

[Créé / modifié] [14-01-2017 / [14-01-2017]

positionneen début de page

Claudio Holanda

Voir le menu

Les caractéristiques

  • Transition par la gauche
  • 3 états : Bureau; Tablette; Mobile
  • Pur CSS
ClaudioHolanda menu CSS3
Site de référence

[Créé / modifié] [14-01-2017 / [14-01-2017]

positionneen début de page

Cody House

Voir le menu

Les caractéristiques

  • Menu pleine page, poussant par la gauche
  • 1 état multi supports
  • JavaScript, jQuery
  • Modernizr
codyhouse.co menu CSS3
Site de référence

[Créé / modifié] [03-09-2018 / [03-09-2018]

positionneen début de page

Cody House 2

Voir le menu

Les caractéristiques

  • Menu fixe déroulant vertical
  • 1 état multi supports
  • JavaScript, jQuery
  • Modernizr
  • Icons: Nucleoapp.com
codyhouse.co menu CSS3
Site de référence

[Créé / modifié] [01-11-2018 / [01-11-2018]

positionneen début de page

Cody House 3

Voir le menu

Les caractéristiques

  • Menu fixe vertical
  • 2 états : Bureau; Tablette et mobile
  • JavaScript, jQuery
  • Modernizr
codyhouse.co menu CSS3
Site de référence

[Créé / modifié] [01-11-2018 / [01-11-2018]

positionneen début de page

Css Menu Maker

9 menus responsive

Voir le menu

Les caractéristiques

  • Menu fixe déroulant par le haut
  • 2 états : Bureau; Tablette et mobile
  • JavaScript, jQuery
menu de CssMenuMaker
Site de référence

[Créé / modifié] [17-11-2018 / [[17-11-2018]

positionneen début de page

Css Script

Voir le menu

Les caractéristiques

  • Menu fixe sortant par la gauche
  • 2 états : Bureau, tablette; Mobile
  • JavaScript
menu de cssscript.com
Site de référence

[Créé / modifié] [04-11-2018 / [[04-11-2018]

positionneen début de page

Css Script 2

Voir le menu

Les caractéristiques

  • Menu fixe déroulant par le haut
  • 2 états : Bureau; Tablette et mobile
  • Pure CSS
menu de cssscript.com
Site de référence

[Créé / modifié] [04-11-2018 / [[04-11-2018]

positionneen début de page

Css Script 3

Voir le menu

Les caractéristiques

  • Menu vertical gauche
  • 2 états : Bureau; Tablette et mobile
  • Javascript
  • Normalize
menu de cssscript.com
Site de référence

[Créé / modifié] [04-11-2018 / [[04-11-2018]

positionneen début de page

David Bushell

Voir le menu

Les caractéristiques

  • Menu fixe poussant par la gauche
  • 2 états : Bureau; Tablette et mobile
  • JavaScript
  • Modernizr
menu de DBushell
Site de référence

[Créé / modifié] [07-12-2014 / [[07-12-2014]

positionneen début de page

Design Shack

Voir le menu

Les caractéristiques

  • Menu fixe
  • 3 états : Bureau; Tablette; Mobile
  • Javascript
  • Html5shiv pour < IE9
DesignShack menu
Site de référence

[Créé / modifié] [18-01-2017 / [[18-01-2017]

positionneen début de page

Eduard Leonardo

Voir le menu

Les caractéristiques

  • Menu fixe déroulant horizontal
  • 1 état multi supports
  • Pur CSS
ClaudioHolanda menu CSS3
Site de référence

[Créé / modifié] [14-01-2017 / [14-01-2017]

positionneen début de page

Iclanzan - Slinky

Voir le menu

Les caractéristiques

  • Menu fixe qui s'empile en haut et en bas
  • 1 état multi supports
  • Javascript, jQuery
DesignShack menu
Site de référence

[Créé / modifié] [01-11-2018 / [[01-11-2018]

positionneen début de page

jQuery Script

Voir le menu

Les caractéristiques

  • Menu fixe déroulant horizontal
  • 2 états : Bureau; Tablette et mobile
  • Javascript, jQuery
  • Bootstrap
jQueryScript.net menu
Site de référence

[Créé / modifié] [06-11-2018 / [[06-11-2018]

positionneen début de page

jQuery Script 2

Voir le menu

Les caractéristiques

  • Menu fixe déroulant horizontal
  • 2 états : Bureau; Tablette et mobile
  • Javascript, jQuery
  • Normalize
DesignShack menu
Site de référence

[Créé / modifié] [06-11-2018 / [[06-11-2018]

positionneen début de page

jQuery Script 3

Voir le menu

Les caractéristiques

  • Menu en trois dimensions
  • 1état
  • Fonction créée par Hakim El Hattab (http://hakim.se, @hakimel)
DesignShack menu
Site de référence

[Créé / modifié] [26-12-2018 / [[26-12-2018]

positionneen début de page

Khurshi Ahsan

Voir le menu

Les caractéristiques

  • Menu horizontal devenant vertical
  • 2 états : Bureau; Tablette et mobile
  • CSS pur
KhurshiAhsan
Site de référence

[Créé / modifié] [11-12-2018 / [[11-12-2018]

positionneen début de page

Loncarek Mario

Voir le menu

Les caractéristiques

  • Menu recouvrant
  • 2 états : Bureau; Tablette et mobile
  • Javascript
  • Normalize
DesignShack menu
Site de référence

[Créé / modifié] [06-11-2018 / [[06-11-2018]

positionneen début de page

Multi-level Push Menu

Voir le menu

Les caractéristiques

  • Menu poussant par la gauche
  • 1 seul état pour tous les supports
  • Bootstrap
  • Javascript, jQuery
  • Modernizr
MultiLevelPushMenu
Site de référence

[Créé / modifié] [10-12-2018 / [[10-12-2018]

positionneen début de page

Murray Mark

Voir le menu

Les caractéristiques

  • Menu glissant par le haut et poussant par l adiagonale gauche/haute
  • 1 état
  • JavaScript, jQuery
MurrayMark
Site de référence

[Créé / modifié] [26-12-2018 / [[26-12-2018]

positionneen début de page

Osvaldas Valutis

Voir le menu

Les caractéristiques

  • Menu horizontal devenant vertical
  • 2 états : Bureau; Tablette et mobile
  • JavaScript, jQuery
  • Normalize.css
OsvaldasValutis
Site de référence

[Créé / modifié] [21-12-2018 / [[21-12-2018]

positionneen début de page

Pure Css

Voir le menu

Les caractéristiques

  • Menu poussant gauche
  • 2 états : Bureau; Tablette et mobile
  • Javascript uniquement pour 'basculer une classe'
  • Pure CSS
PureCss menu
Site de référence

[Créé / modifié] [02-01-2018 / [[02-01-2018]

positionneen début de page

Pure Css 2

Voir le menu

Les caractéristiques

  • Menu fixe horizontal à défilement
  • 2 états : Bureau et tablette; Mobile
  • Pure CSS
PureCss menu
Site de référence

[Créé / modifié] [02-01-2018 / [[02-01-2018]

positionneen début de page

Pure Css 3

Voir le menu

Les caractéristiques

  • Menu fixe horizontal
  • 2 états : Bureau; Tablette et mobile
  • Pure CSS
PureCss menu
Site de référence

[Créé / modifié] [02-01-2018 / [[02-01-2018]

positionneen début de page

Ramirez Edwin

Voir le menu

Les caractéristiques

  • Pur CSS
  • 2 états : Bureau, tablette; Mobile
  • Menu déroulant par la gauche
menu pour listes avec drop-down
Site de référence

[Créé / modifié] [23-11-2018 / [[23-11-2018]

positionneen début de page

Santos Eva

Voir le menu

Les caractéristiques

  • Très peu de Javascript
  • 2 états : Bureau, tablette; Mobile
  • Menu fixe poussant par le haut
menu pour listes avec drop-down
Site de référence

[Créé / modifié] [02-12-2018 / [[02-12-2018]

positionneen début de page

Shak Daniel

Voir le menu

Les caractéristiques

  • Bouton de navigation fixe, toujours visible
  • Un seul état : Mobile
  • CSS pur
PureCss menu
Site de référence

[Créé / modifié] [04-12-2018 / [[04-12-2018]

positionneen début de page

Sullivan Paul

Voir le menu

Les caractéristiques

  • Plain écran
  • Bouton de navigation fixe, toujours visible
  • Un seul état : Mobile
  • CSS pur
PureCss menu
Site de référence

[Créé / modifié] [02-01-2019 / [[02-01-2019]

positionneen début de page

The Pete Design

Concepteur visuel indépendant (Bangkok, Thaïlande) spécialisé dans l'interface utilisateur minimale et la conception UX fonctionnelle

Voir le menu

Les caractéristiques

  • Menu pleine page
  • 1 état
  • Javascript, jQuery
menu responsive
Site de référence

[Créé / modifié] [26-12-2018 / [[26-12-2018]

positionneen début de page

Tympanus - Drop-down lists

Voir le menu

Les caractéristiques

  • Empilements avec décalage
  • 1 état multi supports
  • Javascript, jQuery
  • Modernizr
menu pour listes avec drop-down
Site de référence

[Créé / modifié] [01-11-2018 / [[01-11-2018]

positionneen début de page

Tympanus - Retina Ready Menu

Voir le menu

Les caractéristiques

  • 3 états : Bureau; Tablette; Mobile
  • Javascript
  • Modernizr
menu Retina
Site de référence

[Créé / modifié] [06-12-2014 / [[06-12-2014]

positionneen début de page