Joueb/CSS

Ca c'est facile, meme moi je sais repondre. :-)

Voici ce que j'utilise sur Niutopia en ce moment pour changer la couleur des liens :


<style type="text/css">
<!--
A {color:#ff0000; text-decoration: none}
A:visited {color:#7f0000}
A:hover {text-decoration: underline}
A:active {text-decoration: underline}
-->
</style>

Tes liens sont des elements A. (en HTML, tu ecris quelque chose comme <a href="http://site.com">lien</a>).

Donc pour changer la couleur des liens, il suffit de changer les styles de l'element A. C'est ce que fait la ligne suivante : A {color:#ff0000; text-decoration: none}. En francais, ca donne : "Je veux que tous les liens soient rouges, et qu'ils ne soient pas soulignes". Le #ff0000, ce sont les composantes rouge, vert et bleu en hexadecimal. (explication en anglais : http://www.w3schools.com/css/css_colors.asp )

Tu peux egalement changer tous les autres styles : la couleur de font, la police de caractere, la taille des caracteres etc. etc. etc.

Les lignes A:visited, A:hover, A:active correspondent aux liens visites, au lien quand la souris est posee dessus sans que l'utilisateur ait clique, et au lien sur lequel l'utilisateur est en train de cliquer.

Ok merci et merci pour le calendrier. Enfin, merci pour tout!

Petite note : si on ne veut colorier que les liens et pas les ancres (ie. les <a name="bidule">lien persistant</a>, par exemple), on peut utiliser le sélecteur :link, soit tout seul, soit derrière a.

Ce qui peut donner au choix
:link { color:blue; text-decoration:none; }
:link:hover, :link:active { text-decoration:underline; }

ou

a:link { color:blue; text-decoration:none; }
a:link:hover, a:link:active { text-decoration:underline; }

À noter que :link ne correspond qu'aux liens non encore visités. Les liens visités ont leur propre sélecteur, :visited, qui fonctionne de la même manière que :link.