Changement couleur menu lors sélection HTML
Fermé
guit5412
-
Modifié par guit5412 le 14/08/2012 à 00:55
Freedomsoul Messages postés 509 Date d'inscription lundi 9 mai 2011 Statut Membre Dernière intervention 17 avril 2013 - 20 août 2012 à 11:04
Freedomsoul Messages postés 509 Date d'inscription lundi 9 mai 2011 Statut Membre Dernière intervention 17 avril 2013 - 20 août 2012 à 11:04
A voir également:
- Changement couleur menu lors sélection HTML
- Menu déroulant excel - Guide
- Changement dns - Guide
- Excel cellule couleur si condition texte - Guide
- Changement d'écriture - Guide
- Somme si couleur - Guide
4 réponses
guit5412
Messages postés
1
Date d'inscription
mardi 14 août 2012
Statut
Membre
Dernière intervention
14 août 2012
Modifié par guit5412 le 14/08/2012 à 11:09
Modifié par guit5412 le 14/08/2012 à 11:09
Ah, d'accord, merci beaucoup !! Donc dans le code, là où il y a écrit ex :
<a href="www.google.fr">Google</a>, je mets :
<a href="www.google.fr" class="coloration_menu">Google</a> ? Mais lorsque j'arriverai sur le site, "Accueil" n'aura pas la couleur que je veux, si ?
Edit : j'ai essayé, mais cela ne marche pas...
J'ai créé la classe (dans le panneau de navigation) :
nav .coloration_menu a {
color: #ed2024;
}
et ensuite dans le code de ma première page (index.html), j'ai mis ça :
<li><a href="index.html" class="coloration_menu">Accueil</a></li>
mais ça ne change pas de couleur...
<a href="www.google.fr">Google</a>, je mets :
<a href="www.google.fr" class="coloration_menu">Google</a> ? Mais lorsque j'arriverai sur le site, "Accueil" n'aura pas la couleur que je veux, si ?
Edit : j'ai essayé, mais cela ne marche pas...
J'ai créé la classe (dans le panneau de navigation) :
nav .coloration_menu a {
color: #ed2024;
}
et ensuite dans le code de ma première page (index.html), j'ai mis ça :
<li><a href="index.html" class="coloration_menu">Accueil</a></li>
mais ça ne change pas de couleur...
en css tu peut faire des
A:visited {color: xxx;}
A:active {color: xxx;}
A:hover {color: xxx;}
mais ca ne marchera qu'une seule fois pour le visited par exemple.
http://www.echoecho.com/csslinks.htm#
Dans ton cas il vaut mieux passer par du javascript qui recolorise le texte à la volé.
A:visited {color: xxx;}
A:active {color: xxx;}
A:hover {color: xxx;}
mais ca ne marchera qu'une seule fois pour le visited par exemple.
http://www.echoecho.com/csslinks.htm#
Dans ton cas il vaut mieux passer par du javascript qui recolorise le texte à la volé.
Freedomsoul
Messages postés
509
Date d'inscription
lundi 9 mai 2011
Statut
Membre
Dernière intervention
17 avril 2013
97
20 août 2012 à 11:04
20 août 2012 à 11:04
le principe est là guit,
fichier page1.html
<a href="/page1.html" class="menu_select">Page1</a>
<a href="/page2.html" class="menu">Page2</a>
<a href="/page3.html" class="menu">Page3</a>
fichier page2.html
<a href="/page1.html" class="menu">Page1</a>
<a href="/page2.html" class="menu_select">Page2</a>
<a href="/page3.html" class="menu">Page3</a>
fichier page3.html
<a href="/page1.html" class="menu">Page1</a>
<a href="/page2.html" class="menu">Page2</a>
<a href="/page3.html" class="menu_select">Page3</a>
à ça dans toutes les pages
<script>
.menu
{
color: red;
font: bold;
}
.menu_select
{
color: blue;
font: bold;
text-decoration: underline;
}
</script>
fichier page1.html
<a href="/page1.html" class="menu_select">Page1</a>
<a href="/page2.html" class="menu">Page2</a>
<a href="/page3.html" class="menu">Page3</a>
fichier page2.html
<a href="/page1.html" class="menu">Page1</a>
<a href="/page2.html" class="menu_select">Page2</a>
<a href="/page3.html" class="menu">Page3</a>
fichier page3.html
<a href="/page1.html" class="menu">Page1</a>
<a href="/page2.html" class="menu">Page2</a>
<a href="/page3.html" class="menu_select">Page3</a>
à ça dans toutes les pages
<script>
.menu
{
color: red;
font: bold;
}
.menu_select
{
color: blue;
font: bold;
text-decoration: underline;
}
</script>
Freedomsoul
Messages postés
509
Date d'inscription
lundi 9 mai 2011
Statut
Membre
Dernière intervention
17 avril 2013
97
14 août 2012 à 09:24
14 août 2012 à 09:24
Selon la page à laquelle tu accèdes, if faut modifier la "class" du lien et gérer le tout en css