Changer la couleur d'un seul lien dans une barre de menu

[lcoulon]

Bonjour,

Je cherche à changer la couleur d'un lien dans une barre de menu, je ne sais pas comment faire.

J'ai bien essayé le clic droit avec Firefox puis inspecter l’élément mais le code CSS qui s'affiche s'applique à la barre complète du menu, je ne sais pas comment changer la couleur d'un titre individuellement.

Pourriez vous m'indiquer comment procéder svp ?

Mon template est Joomspirit 76, et je cherche à changer la couleur du lien intitulé "location caméra thermique infrarouge", les autres liens doivent rester dans leur couleur actuelle. ( voir capture ci joint )

Merci pour votre aide,

[al1pb]

Re : Changer la couleur d'un seul lien dans une barre de menu

Bonjour,

Chaque lien de menu a une classe unique.
Essayez ce code pour votre site:
.item-444 {
color:#f00;
}
Ca va mettre le texte "La Thermographie" en rouge

[toffffe]

Re : Changer la couleur d'un seul lien dans une barre de menu

Salut
Tout à fait d'accord avec al1pb, mais j'aurais plus modifier l'item 642 plutot que le 444

ul.menu li.item-642 a{color: #f00;}

[lcoulon]

Re : Changer la couleur d'un seul lien dans une barre de menu

Pouvez vous me dire comment vous faites pour identifier le bon numéro d'item ?

Ensuite, la modif doit se faire dans un fichier CSS n'est ce pas ?

[toffffe]

Re : Changer la couleur d'un seul lien dans une barre de menu

Pour identifier il suffit d'utiliser l'xtension firebug => ensuite clic droit sur la partie à analyser et il suffit de prendre la partie de css qui correspond.
Il y a là un item-id qui auto-incrémenté donc il suffit de prendre juste le bon
Ensuite si tu veux tous les prendre tu ne tiens pas compte de cette item-id

Ensuite, la modif doit se faire dans un fichier CSS n'est ce pas ?

Oui c'est dans la feuille css de ton template. Si tu en as une qui s'appelle custom.css c'est celle là sinon prend template.css et tu mets sa tout à la fin pour être certain que ce soit pris en compte car les dernières déclarations sont celles prisent en compte

[lcoulon]

Re : Changer la couleur d'un seul lien dans une barre de menu

Merci, le code fonctionne bien par contre il inhibe le hoover associé au survol des rubriques de menu
Est ce possible de converser la couleur de survol et changer seulement la couleur de 'non survol' ?


Edit :

J'ai essayé d'utiliser le même principe pour modifier un autre site dont je m'occupe.
Je voudrai mettre en rouge le titre 'Baptêmes de l'air' du menu principal.

J'ai essayé d'ajouter à la fin du fichier template.css

ul.menu li.item-665 a{color: #FF0080;}

mais la couleur de ce titre ne change pas.
c'est la même chose si je copie cette ligne à la fin du fichier personal.css

( il n'y a pas de custom.css , le template utilisé dans ce site est BEEZ20 )
le site c'est : http://www.tousenvol.com


Merci à vous pour votre aide,

[toffffe]

Re : Changer la couleur d'un seul lien dans une barre de menu

Pourtant la syntaxe est la bonne.

Mais tu as un style directement incorporé dans le html
style="color: red;"
Et le html prend le dessus sur le css

[lcoulon]

Re : Changer la couleur d'un seul lien dans une barre de menu

Tu parles du site htpp://www.tousenvol.com n'est ce pas ?
Lorsque je fais un clic droit puis inspecter sur le titre ' Vols - Baptemes de l'air ' je ne vois pas de style en couleur rouge

Comment fais tu pour le voir ?

Finalement, comment faire pour effectivement passer ce titre en rouge ?

[toffffe]

Re : Changer la couleur d'un seul lien dans une barre de menu

Oups c'est moi qui avait ajouté le style
tu devrais essayer alors avec un chemin complet :

html body div#all div#back div#header ul.menu li.item-665 a{color: #ff0000;}

[tataye]

Re : Changer la couleur d'un seul lien dans une barre de menu

ul.menu li.item-665 a span {color: #FF0080;}

[lcoulon]

Re : Changer la couleur d'un seul lien dans une barre de menu

tu devrais essayer alors avec un chemin complet :

En effet, ça fonctionne bien à présent.
Merci beaucoup !

[lcoulon]

Re : Changer la couleur d'un seul lien dans une barre de menu

Bonjour

J'essaie de modifier la couleur du mot 'CONNEXION' dans le menu latéral gauche.
dans le site http://www.tousenvol.com

j'ai modifié le fichier personal.css en ajoutant à la fin du fichier :

html body div#all div#back div#contentarea div#nav.left1.leftbigger span.backh2 span.backh3{color: #d0a02d;}

Par contre la couleur c'est appliquée à tout les titres alors que je voulais l'appliquer seulement au mot 'Connexion'

Pourriez vous m'indiquer ce que je dois corriger pour y parvenir ?

Merci à vous,

[tataye]

Re : Changer la couleur d'un seul lien dans une barre de menu

il faut que tu utilises des suffixes de classe de modules

[lcoulon]

Re : Changer la couleur d'un seul lien dans une barre de menu

Peux tu me montrer car je ne suis pas à l'aise ...

[toffffe]

Re : Changer la couleur d'un seul lien dans une barre de menu

Salut
Dans chaque module tu as une zone suffixes de classe dans laquelle tu peux mettre un nom pour la différencier des autres modules. Ensuite il suffit d'observer avec firebug