Lien html survolé et actif
bj0212
-
Dalida Messages postés 7114 Statut Contributeur -
Dalida Messages postés 7114 Statut Contributeur -
Bonjour,
j'ai un lien html qui est le suivant
Je voudrais savoir comment faire pour qu'il se souligne au passage de la souris et pour changer la couleur lorsque l'on ai sur la page du lien en question c'est à dire quand le lien est actif.
Je récapitule:
Normal: couleur1 / pas souligné
Survolé: couleur1 / souligné
Actif: couleur2 / pas souligné
Je pense qu'il y a une commande du genre "onclick" mais pour le survol mai je n'ai pas trouver, à tout hasard j'ai essayer "onrollover" mais sa ne marche pas ^^
Pour mieux vous rendre compte regarder cette page: http://greenflash.free.fr/cariboost3/crbst_0.html
En fait je voudrais que mes 3 lien "chat", "contact", et "musique" soit comme les autres (accueil, animation,...).
Si quelqu'un voudrais bien me faire le code (pour les couleurs peu importe je changerai) directement c'est serai top!
Merci, bonne journée.
j'ai un lien html qui est le suivant
<a href="http://greenflash.free.fr/cariboost3/crbst_5.html" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="black"> <FONT face="verdana"> <FONT size="20pt"> Contact</FONT></a>
Je voudrais savoir comment faire pour qu'il se souligne au passage de la souris et pour changer la couleur lorsque l'on ai sur la page du lien en question c'est à dire quand le lien est actif.
Je récapitule:
Normal: couleur1 / pas souligné
Survolé: couleur1 / souligné
Actif: couleur2 / pas souligné
Je pense qu'il y a une commande du genre "onclick" mais pour le survol mai je n'ai pas trouver, à tout hasard j'ai essayer "onrollover" mais sa ne marche pas ^^
Pour mieux vous rendre compte regarder cette page: http://greenflash.free.fr/cariboost3/crbst_0.html
En fait je voudrais que mes 3 lien "chat", "contact", et "musique" soit comme les autres (accueil, animation,...).
Si quelqu'un voudrais bien me faire le code (pour les couleurs peu importe je changerai) directement c'est serai top!
Merci, bonne journée.
A voir également:
- Lien html survolé et actif
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Actif il y a 2 heures messenger - Forum Facebook Messenger
- Verificateur de lien - Guide
- Différence actif et en ligne messenger ✓ - Forum Facebook
11 réponses
Chercher rollover en javascript. Simple et efficace
ou bien même une feuille de style CSS peut être suffisante je crois. :)
ou bien même une feuille de style CSS peut être suffisante je crois. :)
Je ne sais pas où le placer...
Je remet mon code:
Je remet mon code:
<a href="http://greenflash.free.fr/cariboost3/crbst_5.html" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="black"> <FONT face="verdana"> <FONT size="20pt"> Contact</FONT></a>
<a href="http://greenflash.free.fr/cariboost3/crbst_5.html" onmouseover="Style à appliquer;" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="black"> <FONT face="verdana"> <FONT size="20pt"> Contact</FONT></a>
Sa marche pas. J'ai fais ça:
<a href="http://www.webmasteroo.com" onmouseover="<FONT color="black">" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup" style="text-decoration : none"><FONT color="white"> <FONT size="4pt"> <FONT face="arial"><B> Chat</FONT></B></a>
perso j'ai des ptits soucis aussi avec le actif,
pour résoudre le probleme je teste mes get pour savoir à quel endroit on est et j'envoie une class ou une autre
pour résoudre le probleme je teste mes get pour savoir à quel endroit on est et j'envoie une class ou une autre
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
salut,
en CSS et impérativement dans cet ordre :
et un article pour savoir comment utiliser les CSS.
en CSS et impérativement dans cet ordre :
a:link{
color:#000000;
text-decoration:underline;
}
a:visited{
color:#000000;
text-decoration:underline;
}
a:hover{
color:#FF0000;
text-decoration:underline overline;
}
a:active{
color:#0000FF;
text-decoration:underline;
}
et un article pour savoir comment utiliser les CSS.
ok mais je mais ça comme ça direct entre les balise HEAD en changeant juste les couleurs ou y'a autre chose à changer?
dans "intuisphere.css" (ou l'autre CSS, à toi de voir) :
et dans le code de ton menu tu ajoutes l'identifiant sur le <div> (partie soulignée) :
div#menu-html a:link{
color:#FFFFFF;
text-decoration:none;
}
div#menu-html a:visited{
color:#FFFFFF;
text-decoration:none;
}
div#menu-html a:hover{
color:#000000;
text-decoration:none;
}
div#menu-html a:active{
color:#FFFFFF;
text-decoration:none;
}
et dans le code de ton menu tu ajoutes l'identifiant sur le <div> (partie soulignée) :
<div id="menu-html" style="position: absolute; left: 637px; top: 123px; width: 41px; height: 30px; z-index: -9987;"> <!--BEGIN CUSTOM HTML CODE--> <font color="white"><font size="4"><a style="text-decoration: none;" target="popup" onclick="window.open('','popup','width=750,height=550,top=100,left=250,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" href="http://greenflash.free.fr/cariboost3/crbst_5.html"><font color="white"> <font size="4"> <font face="arial"><b> Contact</b></font><b/></font></font></a> <!--END CUSTOM HTML CODE--></font></font></div>
