[RÉGLÉ] Mettre un fond et une couleur différente sur chaque élément du menu principal

[Lunne de Corail]

Bonjour,

Je suis encore en train de travailler sur mon template.

J'aurai éventuellement besoin de mettre chaque élément du menu principal (nav) d'une couleur différente et avec un fond d'une couleur différente aussi lorsque le lien est actif.

Ma question est simple : est-ce possible ?

Par avance merci !

[toffffe]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

Salut
Oui c'est possible, ensuite tout dépend de ton template
Je t'invite a laisser ici ton lien de menu
La modification se fera dans les css en prenant compte de l'itemid

[Lunne de Corail]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

<li class="item-101 current active"><a href="/">Accueil</a></li>

Si j'ai bien compris, il faut que je prenne la classe item-101 et que je lui attribue des propriétés en CSS.
Je les rajoute dans le fichier CSS de mon template ou bien sur un autre fichier CSS ?

[toffffe]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

Oui c'est ca :
Le mieux est de le faire dans une feuille custom.css si tu en as une.
Voila comment l'ajouté si tu n'en a pas http://www.stylitek.com/tutoriel-joo...crasement.html

Mais tu peux aussi mettre ton code en fin de feuille css, mais par contre attention lors de la mise à jour des template qu'elle ne soit pas écrasée

[Lunne de Corail]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

ok merci pour cette info !

Par contre, j'ai créé moi-même le template de A à Z, c'est donc pas utile de créer la feuille custom.css ?

Si j'ai bien compris, cette feuille (custom.css) est très utile lorsque tu modifies un template déjà existant ? (à cause des éventuelles mises à jour). Dis-moi si je me trompe.

Et dernière question, pour les modifications des items des menus dans le css, il va comprendre tout seul qu'il doit aller les chercher dans mon fichier template.css ?

[toffffe]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

Si j'ai bien compris, cette feuille (custom.css) est très utile lorsque tu modifies un template déjà existant ? (à cause des éventuelles mises à jour). Dis-moi si je me trompe.

Non tu ne te trompes pas

il faut que tu lui donnes le chemin dans ton css

[Lunne de Corail]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

ok merci

#nav ul li .item-101 ? ou bien faut-il détailler toutes les classes ?

[Lunne de Corail]

Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

J'ai réussi, il suffit juste de mettre la classe comme les autres et tout fonctionne.
Merci !