Tag: menus

Notes (3)

Evolution de la maquette

Avec la création automatique des pages web du site grâce à cet « AutoIt-CMS », j'ai pu ajouter quelques petites fonctionnalités comme une navigation par "mois suivant" et "mois précédent" dans les pages de brèves archivées mensuellement ou l'affichage de l'identifiant de chaque sous-titre d'article lorsque le l'on passe la souris dessus. J'en ai aussi profité pour corriger quelques bugs de maquette.

Des menus déroulants

J'ai transformé le menu vertical gauche en un menu horizontal déroulant pure CSS. Il fait appel à la fonction hover qui permet d'assigner certaines propriétés lorsqu'on passe la souris au-dessus d'une boîte spécifique. Dans le cas présent, elle est appliquée aux listes de définition utilisées dans le menu: seul le titre (balise dt) est affiché, les sous-titres (balises dd) étant masqués par un display: none. Ensuite, le fait de survoler les dits-titres avec la souris déroulera le sous-menu dans son intégralité grâce à un display: block.