Ajouter un style CSS a un lien de menu de type séparateur

[PieceOfCake]

Re : Ajouter un style CSS a un lien de menu de type séparateur

...Oui, sauf qu'avec Joomla (sauf erreur) la configuration des liens de type séparateur ne permet pas de spécifier une classe.

Damned !! +1 pour PhilJ (et en plus j'avais vérifié et m'étais dit que c'était pas possible )

[alva75]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Bonjour a tous,

Je reviens vers vous après avoir tenté les différentes solutions proposées, mais aucune d'entre elles n'a fonctionné.
J'ai pourtant changé le style de menu vers un menu de type vers URL externe, et j'ai pu y rajouter un style CSS que j'ai nommé "perso1".
J'ai ensuite été dans ma feuille de style, et j'ai rajouté la ligne:

a.perso1 {
color: #red;
}

Et cela n'a eu aucun effet.
Pourtant ma commande apparaît bien dans le débugueur firefox.

Amicalement alva

[ghazal]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Salut,
je n'ai vu nulle part mention du template utilisé. Quel est ton template ?

ced1870 t'a indiqué une solution très jouable. L'as-tu mise en pratique ?

Affichage HTML des 2 propositions :

<li class="item-45 xxx">
<span class="separator">
Titre de lien de menu</span>
</li>

CSS
.item-45 span{} ou .item-45 .separator{}

<li class="item-45 xxx">
<a href="#">URL externe</a>
</li>

CSS
.item-45 a{}

[fynhooft]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Bonjour,

... j'ai rajouté la ligne:

a.perso1 {
color: #red;
}

Et cela n'a eu aucun effet.

Normal :
mets

color : red;

ou

color : #FF0000;

Cela serait déjà mieux.

[alva75]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Je me permet un petit up de mon sujet. J'ai bien essayé toutes les propositions sur ce sujet et je n'y suis pas arrivé. Du coup entre temps j'ai eu le temps de mettre mon site online si cela peut aider a trouver la solution:
http://www.footugalfrance.fr

Merci a vous

[PhilJ]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Bonjour,

Je me permet un petit up de mon sujet. J'ai bien essayé toutes les propositions sur ce sujet et je n'y suis pas arrivé. Du coup entre temps j'ai eu le temps de mettre mon site online si cela peut aider a trouver la solution. [...]

Il est certain qu'avec un lien vers le site, c'est nettement plus rapide et facile.

Par exemple, pour afficher le séparateur 'Europa League' en blanc sur fond vert dans 'Compétitions internationales' :
—

.item-162 span {

background: green !important;

color: #fff !important;

}

Cordialement,




PhilJ

[fynhooft]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Bonsoir,

et si tu veux t'affranchir des item-xyz, tu mets (pour le cinquième élément) :

.dropdown ul:nth-child(2) li:nth-child(5){background-color:red;}

Si tu veux modifier le 8ième, tu remplaces le 5 par 8.

Si tu veux tous les modifier, tu auras alors :

.dropdown ul:nth-child(2) li:nth-child(1){background-color:green;}
.dropdown ul:nth-child(2) li:nth-child(2){background-color:red;}
.dropdown ul:nth-child(2) li:nth-child(3){background-color:#12fe68;}
.dropdown ul:nth-child(2) li:nth-child(4){background-color:#ed2078;}
etc

[alva75]

Re : Ajouter un style CSS a un lien de menu de type séparateur

merci beaucoup je vais essayer tout ça dans la journée. Vraiment merci

[PhilJ]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Bonjour fynhooft,

si tu veux t'affranchir des item-xyz, tu mets (pour le cinquième élément) :

.dropdown ul:nth-child(2) li:nth-child(5){background-color:red;}

...Oui, mais il y a bien de la différence entre les 2 méthodes, car si l'ordre des liens de menu est changé, il faudra aussi modifier les directives CSS.

C'est ce qui sera nécessaire, par exemple, si l'on change :

Accueil

Info1

Info2

Info3

Contact

en :

Accueil

Info2

Info1

Info3

Contact

Avec un numérotation, l'intervention pour modifier les CSS est inutile, le n° du lien de menu restant identique quelle que soit l'ordre des liens dans le menu.

[fynhooft]

Re : Ajouter un style CSS a un lien de menu de type séparateur

Bonjour,

...Oui, mais il y a bien de la différence entre les 2 méthodes, car si l'ordre des liens de menu est changé, il faudra aussi modifier les directives CSS.

Je suis d'accord avec toi, PhilJ, mais c'est au webmaster à tester les changements qu'il fait sur son site. De plus, les menus, on ne les modifie pas tous les jours. Merci pour tous tes bons conseils.

[alva75]

Re : Ajouter un style CSS a un lien de menu de type séparateur

J' y suis arrivé grâce a vous. Merci. Me reste plus qu'a régler le problème en Hover maintenant merci.