Aller au contenu
Support de Zwii
  • 0
Iron

[RESOLU] Barre de menu avec des couleurs différentes

Question

Bonjour à toute la communauté de Zwii !

 

Suite à une demande d'un Club de Vélo dont je vais créer le site web, il demande absolument que la barre de menu soit comme ceci :

 

2136761781_barreonglet.jpg.aefb2a42287ee5fa436b054fb82e9fbb.jpg

 

C'est à dire en 3 couleurs comme vous pouvez le voir sur ce montage.

J'ai commencé à tâtonner avec le CSS mais je n'arrive pas à différencier 1 menu = 1 couleur.

 

Avez-vous une idée de comment nous pourrions procéder ?

 

Merci de vos retours

Modifié par Iron

Partager ce message


Lien à poster
Partager sur d’autres sites

3 réponses à cette question

Messages recommandés

  • 0

Bonjour,

Les entrées des menus de page parente ne sont pas identifiées les unes par rapport aux autres, avec du CSS on peut éventuellement les compter afin d'appliquer une personnalisation, pas évident.

Comme cela ne mange pas de pain et simplifie la personnalisation, dans la 10.1, j'ajoute un id qui correspond à l'id de la page parente.  

Ainsi dans le site d'exemple :

#accueil {
  background-color: lightgrey;
}
#privee {
  background-color: darkgrey;
}
#blog {
  background-color: grey;
}

image.png.da1e339ec768c57301196b5853e2b731.png

  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

@Fred ça c'est une excellente idée et qui finalement est très simple dans l'utilisation.

Tu vas me débloquer la situation simplement.

 

Et si j'ai bien compris, ça sera dispo dans la v10.1, c'est bien ça ? Si oui, et bien je vais patienter tranquillement.

 

Grand merci à toi @Fred 😍

Modifié par Iron
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à cette question…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...