11 janvier 2010

Afficher des puces dans les sous-menus

Le sélecteur correspondant à l'affichage des puces dans les sous-menus est navlinks ul. Par défaut, il est réglé pour ne rien (none) afficher : .navlinks ul {           list-style-type: none; } On peut facilement afficher de petites images en remplaçant simplement la valeur none par : disc pour un disque plein, circle pour un disque creux ou square pour un carré. On peut en afficher d'autres en remplaçant list-style-type par list-style-image. Exemple : .navlinks ul {        ... [Lire la suite]
Posté par Michal53 à 09:30 - - Permalien [#]
Tags : , , , , , ,

07 janvier 2010

Afficher les sous-menus dans un cartouche

La présentation des sous-menus latéraux peut être agréablement personnalisée par l'ajout d'un cartouche. sans cartouche avec cartouche Voici la procédure à suivre : 1- Créer une image complète du cartouche à la bonne largeur (voir cet article). Elle doit être assez longue dans le sens de la hauteur, plus que ce qu'on en verra : 2- La diviser en deux images raccordables, l'une pour le titre :  image-titre et l'autre pour la liste :  image-liste 3- Ajouter les indications d'insertion d'image dans... [Lire la suite]
Posté par Michal53 à 09:41 - - Permalien [#]
Tags : , , , , ,
29 décembre 2009

Une image de fond pour les titres du menu

Il peut être intéressant de mettre en valeur les titres du menu latéral. Ajouter une image de fond est une solution facile à mettre en place. sans image de fond avec image de fond Voici les étapes de mise en place d'une image dans les titres du menu latéral. 1- Déterminer la largeur exacte de l'image. Deux sélecteurs permettent de la calculer, leftbar (ou rightbar) qui donne la largeur de la colonne et navlinks qui donne la largeur de la marge intérieure : #leftbar {        ... [Lire la suite]
Posté par Michal53 à 09:13 - - Permalien [#]
Tags : , , , , , ,