Sujet Précédent Sujet Suivant

Menu accordéon - comment mettre 2 couleurs ?

Résolu/Fermé
Souffle56 - 10 déc. 2008 à 23:16
 Souffle56 - 11 déc. 2008 à 01:45
Bonjour,
Voilà, en me basant sur la manip proposée sur cette page :
http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery
j'ai adapté le code du menu accordéon proposé sur la page http://css.alsacreations.com/xmedia/exemples/accordeon/menu_demo.html
pour faire un menu adapté au look de mon site. Ca marche vraiment très bien. J'aurais simplement bien aimé pouvoir avoir le texte des menus en rouge et celui des sous-menus en noir. Auriez vous une suggestion à me faire pour résoudre cette affaire ?
Par avance Merci ! [smile]

(ci dessous la partie de ce code où j'ai vu qu'on pouvait modifier la couleur du texte pour l'ensemble)

#navigation a, #navigation span {
display: block;
padding: 4px 10px;
color: #fff;
text-decoration: none;
background: #000 url(menu-item.png) left bottom no-repeat;
}

1 réponse

Réponse 1 / 1
Souffle56
11 déc. 2008 à 01:45
Ca y est, j'ai trouvé; en rajoutant la 2 eme partie (ci-dessous) à la 1ere partie (extrait 1 ci-dessous), ca fonctionne tres tres bien :


Partie 1 (extrait du code initial) :

#navigation a, #navigation span {
display: block;
padding: 4px 10px;
color: red;
text-decoration: none;
background: #000 url(menu-item.png) left bottom no-repeat;
}


2eme partie (à rajouter)

#navigation ul.subMenu a {
background: none;
padding: 3px 20px;
color: black;
}
0