Aide pour un menu

Fermé
mael06 Messages postés 30 Date d'inscription mercredi 11 juin 2008 Statut Membre Dernière intervention 25 juillet 2012 - 2 mars 2011 à 11:45
cire69 Messages postés 22 Date d'inscription mardi 15 juin 2010 Statut Membre Dernière intervention 3 mars 2011 - 2 mars 2011 à 22:13
Bonjour,
Je cherche a reproduire un menu dans le style de celui qui se trouve a gauche sur la page "stratégie" :
https://www.prorealtime.com/fr/
Je m'explique : un menu avec une couleur de base , une couleur differente pour le hover (quand la souris survole) et conserver cette même couleur aprés avoir cliqué sur le lien afin d'indiquer sur quelle page on se trouve.
Pour la couleur de base et le hover , pas de soucis mais lorsqu'il s'agit de conserver la couleur aprés avoir cliqué sur le lien , la le probleme se pose.
J'ai pensé a créer une condition en javasctipt qui dirait que si le menu est selectionné , alors le overmouseout serait desactivé.
Je prends toute méthode qui marche HTML/CSS et JS.
Merci par avance pour l'aide !

Cordialement
A voir également:

3 réponses

lucaslogo Messages postés 17 Date d'inscription jeudi 24 février 2011 Statut Membre Dernière intervention 10 mars 2011
2 mars 2011 à 12:44
bah , faut faire des font en image âpre un code en html et le style en css si tu veu j'ai un pas mal un pe comme suis la mais plu petit
0
mael06 Messages postés 30 Date d'inscription mercredi 11 juin 2008 Statut Membre Dernière intervention 25 juillet 2012
2 mars 2011 à 16:46
un petit up !
0
cire69 Messages postés 22 Date d'inscription mardi 15 juin 2010 Statut Membre Dernière intervention 3 mars 2011 2
2 mars 2011 à 22:13
bonjour mael06,

c'est simple, pour permettre au visiteur de savoir sur quel lien il a déjà visité, tu dois faire une nouvelle déclaration en css !

comme pour le :hover qui comme tu le sais permet de déclarer des propriétés au survol, il existe une pseudo class qui est

:visited

ton code pourrait ressembler par exemple à celui-ci :

#menu a:visited { /*---------pour permettre au visiteur de savoir sur les liens qu'il a déjà visité--------*/
background-color:red;
}
0