Menu accordéon - comment mettre 2 couleurs ? Résolu/Fermé

Question

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;
			}

Souffle56 · Answer

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;
			}

Menu accordéon - comment mettre 2 couleurs ?

1 réponse

Discussions similaires