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 30 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 Holanda#Vertical (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) Nouveauté
  19. jQuery ScriptHorizontal (JS, jQuery)
  20. jQuery Script 2Horizontal (JS, jQuery)
  21. Loncarek Mario#Recouvrant (JS, jQuery)
  22. Multi-level Push MenuVertical (JS, jQuery) Nouveauté
  23. Pure CssHorizontal (CSS pur)
  24. Pure Css 2Horizontal (CSS pur)
  25. Pure Css 3Horizontal (CSS pur)
  26. Ramirez Edwin#Horizontal (Css pur)
  27. Santos Eva#Horizontal (Css, JS)
  28. Shak Daniel#Fixe (CSS pur)
  29. TympanusHorizontal (JS, jQuery)
  30. 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

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

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

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