Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1327 sites
Un menu en couleur
Article mis en ligne le 16 mars 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

On peut jouer avec les couleurs dans le menu horizontal en définissant une couleur pour chaque secteur (rubrique de premier niveau) du site.

Pour cela il va falloir ajouter un peu de CSS dans le fichier /squelettes/styles/perso.css (dossiers et fichier à créer si pas existant)

Le code à ajouter est celui-ci :

  1. ul#menu li.rubriqueXX a, ul#menu li.rubriqueXX ul, ul#menu li.rubriqueXX li{
  2. background-color: #couleur;
  3. }

Télécharger

où il faudra remplacer

  • les 3 occurrences de XX par le numéro du secteur
  • le #couleur par le code couleur de votre choix

Et il faudra dupliquer ce code pour chaque secteur.


Forum
Répondre à cet article


Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.10