Changer l'image bg d'un onglet après clic

Ishan Shade Messages postés 10 Statut Membre -  
Ishan Shade Messages postés 10 Statut Membre -
Bonjour,

Voilà, je suis confronté à un petit problème.

Le menu de mon site est sous forme d'onglet (chacun ayant une image background qui change en fonction du hover)

J'aimerais qu'à chaque fois qu'on atterrit sur une nouvelle page (via ces onglets), le background de l'onglet passe de menu-bg.png à menu-hover.png

Ce menu onglet étant codé sur ma page index.php, il ne m'est pas possible de modifier cela manuellement pour chacune des pages, vu que je fais appel aux pages via un include (et donc index.php?lien=page**)


Voici le code de mon menu + le CSS correspondant




<ul id="menu1" style="font-family:"Arial"">
<li><a href="index.php?lien=accueil">Accueil</a></li>
<li><a href="index.php?lien=ceics">Le CEICS</a></li>
<li><a href="index.php">Evènements notables</a>
<ul id="menu2">
<li><a href="index.php?lien=ski"><center>Séjour au Ski</center></a></li>
<li><a href="index.php?lien=bal"><center>Bal de l'IHECS</center></a></li>
<li><a href="index.php?lien=ndm"><center>Nuit des Médias</center></a></li>
</ul>
</li>
<li><a href="index.php?lien=elections">Elections</a></li>
<li><a href="index.php?lien=membres">Membres</a></li>
<li><a href="index.php?lien=agenda">Agenda</a></li>
<li><a href="index.php?lien=photos">Photos</a></li>
<li><a href="https://lolforum.net/" target="_blank">Forum</a></li>
<li><a href="index.php?lien=liens">Liens</a></li>
</ul>


#menu1 {
height:35px;
line-height:35px;
background:url(images/bg-menu.png) repeat-x;
padding:0 10px;s
font-size: 10pt;
font-family:"Arial";
}
#menu1 ul {
list-style-type:none;
}
#menu1 li {
float:left;
}
#menu1 li a {
padding:0 15px;
display:block;
color:#ffffff;
margin-right:2px;
}
#menu1 li a:hover {
background:url(images/bg-menu-hover.png) no-repeat center center;
}

#menu2 ul {
list-style-type:none;
}
#menu2 li {
float:center;
width:142px;
}
#menu2 li a {
padding:0 15px;
display:block;
color:#ffffff;
margin-right:2px;
}
#menu2 li a:hover {
background:url(images/bg-menu-hover2.png) no-repeat center center;
width:auto;
}




Si je clic sur Rubrique 2, j'aimerais que l'onglet change (que son background devienne bg-menu-hover.png au lieu de bg-menu.png), afin que l'internaute sache exactement où il est sur le site

Je ne sais pas si je me fais bien comprendre en fait...

Enfin, d'avance merci pour vos réponses!
A voir également:

1 réponse

Ishan Shade Messages postés 10 Statut Membre
 
Personne?
0