Exploration des menus déroulants avec CSS

Ce billet date de plusieurs années, ses informations peuvent être devenues obsolètes.

Aïe caramba ! Vous avez vu les menus déroulants de Mezzoblue.com. C'est de toute beauté comme dit Tristan. Cette phrase (c'est de toute beauté) me fait penser à un passage de La tour Montparnasse infernale... ok j'abrège. J'ai voulu voir comment ça fonctionne, alors je me suis inspiré de ce site mais aussi de Devedge, des Pure CSS Menus et du Glazblog pour commencer à explorer les possibilités qu'offrent les CSS en termes de menus déroulants. J'ai aussi beaucoup appris de l'article Sliding Doors of CSS.

J'ai réussi à sortir un truc pas mal et franchement c'est pas compliqué. Pas besoin de javascripter des heures et des heures. J'ai détaillé le processus d'abord pour moi, pour me clarifier les idées. J'ai mis ça en ligne car je pense que ça peut être utile. Vous pouvez jetter un oeil sur le menu et sur son processus de création.

Bien entendu ces menus ne fonctionnent que dans les navigateurs qui ont un très bon support des standards.

A suivre...

Avant Support de text-shadow dans Safari 1.1 Après Tableaux pour la mise en page : pas bien !

Tag Kemar Joint