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 22 menus pour 14 sites, au 06-11-2018 :

  1. Adnan Topal - SlimMenuHorizontal (JS, jQuery)
  2. AdtileHorizontal (JS)
  3. By IvanHorizontal (JS, jQuery)
  4. Chris Yee - PushyVertical (JS, jQuery)
  5. Claudio Holanda#Vertical (CSS pur)
  6. Cody HouseHorizontal (JS, jQuery)
  7. Cody House 2Vertical (JS, jQuery)
  8. Cody House 3Vertical (JS, jQuery)
  9. Css ScriptVertical (JS)
  10. Css Script 2Vertical (JS)
  11. Css Script 3Vertical (CSS pur)
  12. David BushellHorizontal (JS)
  13. Design ShackHorizontal (CSS pur)
  14. Eduard L#Vertical (CSS pur)
  15. Iclanzan - SlinkyVertical (JS, jQuery)
  16. jQuery ScriptHorizontal (JS, jQuery) Nouveauté
  17. jQuery Script 2Horizontal (JS, jQuery) Nouveauté
  18. Pure CssHorizontal (CSS pur)
  19. Pure Css 2Horizontal (CSS pur)
  20. Pure Css 3Horizontal (CSS pur)
  21. TympanusHorizontal (JS, jQuery)
  22. 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

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 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

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

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