[RÉGLÉ] menu de couleur différent

[jimmy42]

Bonjour à tous,

Dans mon menu horizontal, j'ai 4 onglets que je nomme onglet1, onglet2, onglet3 et onglet4.
Ils sont tous de couleur rouge mais j'aimerais que onglet1 soit gris, onglet2 soit orange, onglet3 soir bleu et onglet4 soit vert.
Comment faire?
J'utilise joomla 2.5.9 et artisteer4.

Suis-je assez clair?

Merci de m'aider,

Cordialement,
Jimmy

[houba_houbi]

Re : menu de couleur différent

Bonjour

Il faut que tu rajoutes une classe css à chaque élément de ton menu.
Dans le lien de ton menu "onglet1" > Paramètres du type de liens > Style CSS du lien = nomdetaclasse (ex : onglet1)

Ensuite tu modifies ta feuille de styles css de ton template pour y apporter les styles souhaités, par ex :

.menu li a.onglet1 {
background-color: #000;
}

[jimmy42]

Re : menu de couleur différent

Bonjour

Il faut que tu rajoutes une classe css à chaque élément de ton menu.
Dans le lien de ton menu "onglet1" > Paramètres du type de liens > Style CSS du lien = nomdetaclasse (ex : onglet1)

Peux tu me réexpliquer stp? C'est dans quelle page de mon template que je fais cette modif?

[houba_houbi]

Re : menu de couleur différent

Là ce n'est pas dans ton template mais dans ton menu - liens de menu.

[jimmy42]

Re : menu de couleur différent

J'ai compris que je dois modifier la page html qui contient mes menus, mais je ne la trouve pas, c'est l'architecture joomla .

[houba_houbi]

Re : menu de couleur différent

J'ai compris que je dois modifier la page html qui contient mes menus, mais je ne la trouve pas, c'est l'architecture joomla .

Non je n'ai pas dit de modifier le template html
Il faut modifier tes liens de menus du menu concerné dans l'administration de joomla comme je t'ai indiqué.
Puis modifier la feuille de style de ton template pour y ajouter le code que tu souhaites.

[jimmy42]

Re : menu de couleur différent

Ha j'ai compris! J'ai testé et ça marche, manque plus qu'a ajouter mon css, je te remercie!

[houba_houbi]

Re : menu de couleur différent

De rien. Bonne continuation.
Et n'oublies pas de passer ton post en "Réglé".

[jimmy42]

Re : menu de couleur différent

ul.art-hmenu>li>li>a.onglet1

{

background: blue;

padding: 0 17px;

margin: 0 auto;

}

ul.art-hmenu>li>li>a.onglet2
{

background: white;

padding: 0 17px;

margin: 0 auto;

}

ul.art-hmenu>li>li>a.onglet3
{

background: blue;

padding: 0 17px;

margin: 0 auto;

}

Es-ce que tu vois une erreur sur ce code? Le css ne s'applique pas correctement.

[houba_houbi]

Re : menu de couleur différent

Bonjour
Je n'ai pas de boule de cristal... donc sans une url de ton site et une explication plus claire que : "le css ne s'applique pas correctement", ne me permette pas de t'aider.

[jimmy42]

Re : menu de couleur différent

J'ai juste mal ecri mon css : ul.art-hmenu>li>li>a.onglet3 est incorrect, ul.art-hmenu li li a.onglet3 est correct.

[XdiZ]

Re : menu de couleur différent

Bonjour,

Je te conseille de lire cet article (30 sélecteurs CSS à connaître).