Des liens de couleurs en positionnant la souris dessus: ce script vous aide a créer des codes de liens CSS pour votre page web. Dans les liens on distingue 4 possibilités différentes:
- Le lien non visité,
- le lien visité,
- Le lien actif (en cliquant dessus),
- l´effet hover (en passant par dessus avec la souris (pas assisté par tous les navigateurs))
En général la plupart des commandes sont les mêmes pour tous les types. Afin de ne pas avoir de complications de saisie pour chaque type, le générateur prend en charge les réglages d´aprés des listes de choix. C´est-à-dire que les réglages du choix 1 seront repris automatiquement dans les choix 2, 3 et 4. Les réglages ne sont qu´hérités vers le bas, donc ceux choisis dans le choix 2 ne seront pris en considération que par les choix 3 et 4, etc.
Il n´est pas nécessaire de remplir tous les choix. Il suffit de définir le type où l´on désire changer le comportement déviant de la "normale". Dans le choix des polices il y a toujours 3 polices. La première police est la police active dans laquelle sont présentés les liens. Uniquement si la police n´existe pas sur l´ordinateur du visiteur, ce sera alors la deuxième qui sera prise en compte etc.
Aprés les choix à gauche les champs de saisie à la droite contienneront les paramètres pour la commande CSS. Ces champs peuvent au besoin être modifiés, cependant les modifications ne seront pas hérités par les autres choix. En cliquant sur le boutton "Créer le code CSS" le code CSS sera généré.
Le code ainsi créé a des conséquences sur toute la page web. Si vous voulez avoir des effets différents pour des liens sur la même page web, vous devrez définir des classes.
A cet effet de minimes modifications devront être apportées dans le code CSS. Un code CSS propre devra être construit pour chaque classe. Exemple de code original:
<style type="text/css">
<!--
a:link {
font-weight:100;
color:#800080;
}
a:hover {
font-weight:900;
color:#FF0000;
}
-->
</style>
Pour définir la classe "cool" (le nom est à votre choix), vous devez attacher ".cool" à chaque commande (pas aux paramètres):
<style type="text/css">
<!--
a.cool:link {
font-weight:100;
color:#800080;
}
a.cool:hover {
font-weight:900;
color:#FF0000;
}
-->
</style>
Maintenant la classe devra être attribuée à chaque lien qui doit apparaître "cool". A cet effet vous devez insérer l´attribut class="cool" dans le code HTML du lien. Exemple:
<a class="cool" href="http://www.netsoutien.com">Soutien du Net</a>
Alternativement on peut également mettre toutes les directives CSS dans un fichier externe. En cas de changements ceux-ci ne sont effectués qu´une seule fois, au lieu de modifier toutes les pages.
Par bon sens ce fichier externe sera sauvegardé avec l´extension .css.
Les balises <style type="text/css"> et </style> ne seront pas saisies. Pour l´exemple en haut ça donnera:
a.cool:link {
font-weight:100;
color:#800080;
}
a.cool:hover {
font-weight:900;
color:#FF0000;
}
L´appel du fichier dans chaque page se fera (dans la partie HEAD) par:
<link rel="stylesheet" type="text/css" href="Fichier.css">
Au lieu de "Fichier.css" il faudra bien-sûr donner le nom du fichier. Si celui-ci se trouve dans un autre répertoire ou un autre serveur, il faudra y mettre le chemin vers le répertoire ou l´URL absolue.