Les balises STYLE

 

 

  

     Les balises STYLE servent à changer l'apparence des liens quand on est dessus avec la souris, mais aussi à changerla couleur de la barre de défilement comme ici. On peut enlever le soulignement, changer la couleur du texte ou encore changer la couleur du fond. Ces balises s'intègrent dans la partie HEAD.

 

     Les balises STYLE sont très simples d'utilisation ; il suffit de connaître un peu d'anglais, le codage des couleurs et voilà !

     Voici un tableau présentant toutes les possibilités pour les liens avec les balises STYLE. Malheureusement, je ne peux pas vous en faire la démonstration pour toutes les possibilités. A vous de le faire sur vos pages.

font-family

>>>

pour changer l'écriture

background

>>>

pour changer la couleur du fond du lien

text-decoration

>>>

pour choisir ou non le soulignement du lien

color

>>>

pour choisir la couleur du texte

La ligne que vous obtiendrez sera de la sorte :

 A la place de red et de yellow, vous pouvez mettre un code de couleur de votre choix : exemple : #FFFF00.
A la place de verdana, vous pouvez mettre l'écriture que vous désirez (Attention, toutes les écritures ne sont pas reconnus !).
Vous pouvez aussi supprimer les options que vous désirez.


     Maintenant, la barre de défilement.Pour changer les couleurs, un conseil : changer une par une les coumleurs et regarder ce que cela change.

scrollbar-face-color

>>>

pour changer le carré de défilement

scrollbar-shadow-color

>>>

pour changer le côté droit et bas de la barre

scrollbar-highlight-color

>>>

pour changer le côté gauche et haut de la barrre

scrollbar-3dlight-color

>>>

pour changer la ligne de gauche

scrollbar-darkshadow-color

>>>

pour changer "l'ombre" de la barre

scrollbar-track-color

>>>

pour changer le fond de la barre

scrollbar-arrow-color

>>>

pour changer l'intérieur de la flèche

La ligne que vous obtiendrez sera de la sorte :

A la place des codes de couleurs, vous pouvez mettre le nom de la couleur en anglais.


Et maintenant, la ligne pour mettre les 2 à la fois !

Retour