liens survole sur front page

[dob38]

salut

 

je voudrais savoir comment faire pour que un lien de mon site change de couleur quand je passe la fleche dessus ou que je clike dessus

je travail avec front page pour ce site sinon je suis sous dreamweaver.

 

@+++

[Krystyna]

Bonsoir dob38

 

How do I make my links change color on mouseover?

Add this code to your page, in between the </title> and </head> tags and make sure that you substitute YourColor with the six digit hex code of your choice (if you would like to keep the underline on your links, you need to replace the "none" attribute with "underline"):

 

<style type="text/css">

 

A:link { text-decoration: none; color:#YourColor; }

A:visited { text-decoration: none; color:#YourColor; }

A:hover { text-decoration: none; color:#YourColor; }

 

</style>

 

 

Remember that "link" is the color of your link, "visited" is the color of your link once it has been visited and "hover" is the color of your link on mouseover.

Modifié le 21 janvier 2006 par Krystyna

[dob38]

salut

 

merci mais la je comprend rien du tout

si vous pouvez expliquer encore un peut plus svp

 

merci et

 

@++

[Krystyna]

Ok, desolée dob38 !

 

Ajouter ce code <style> en haut de ta page, avant </head>

 

Si tu veux souligner tes liens...

 

<style>

a:hover {underline; color:red}

a:link {underline; color:black}

a:visited {underline; color:blue}

</style>

 

Si tu ne veux pas souligner tes liens...

 

<style>

a:hover {none; color:red}

a:link {none; color:black}

a:visited {none, color:blue}

</style>

 

Explications...

 

a:hover = par pointage

a:link = lien non-visité

a:visited = lien visité

 

color = la couleur de ta lien

 

Bonne chance !

Modifié le 24 janvier 2006 par Krystyna

[KewlCat]

Il manque juste un petit truc :

<style>

a:hover {text-decoration: underline; color:red}

a:link {text-decoration: underline; color:black}

a:visited {text-decoration: underline; color:blue}

</style>

 

Si tu ne veux pas souligner tes liens...

 

<style>

a:hover {text-decoration: none; color:red}

a:link {text-decoration: none; color:black}

a:visited {text-decoration: none, color:blue}

</style>

[Krystyna]

Ah oui...tu as raison...merci KewlCat !