|
Un des intérêts des feuilles de style, entre autres, est de pouvoir définir comme on veut la couleur des liens de nos pages et passer outre aux vilaines couleurs proposées par défaut par les navigateurs. Un exemple d'utilisation de différentes couleurs pour différents liens : vous signalez à vos visiteurs que tous les liens de telle couleur sont des liens internes au site, tous ceux d'une autre couleur vont vers des sites externes, uen autre couleur ouvre des popups, etc, etc... N'en faites pas trop tout de même...
Ouvrez la palette des styles (Maj+F11), choisissez Nouveau style, puis Créer un style personnalisé, qu'on appellera .lien1  Choisissez la police, la couleur et autres attributs. Crééz ensuite les styles "hover" et "visited" qui iront avec : retournez dans la palette des Styles et choisissez Utiliser le sélecteur CSS. Tapez dans le champ Sélecteur : a.lien1:hover  Cliquez OK, donnez les attributs que vous voulez. Faites la même chose avec a.lien1:visited, a.lien1:active... Sélectionnez ensuite votre texte dans la page, faites en un lien. Sélectionnez ce lien <A...> en passant par le sélecteur de balises (en bas à gauche de l'écran DW) et attribuez lui une des classes que vous venez de créer.  |