Couleur scroll. Outils webmaster. Trucs et astuces html javascript

COULEURS DES BARRES DE SCROLL

Outils pour webmaster . Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : ce code permet de changer les couleurs des barres de scroll verticales et horizontales.

Exemple :

En variant les codes des couleurs, vous pouvez adapter celles-ci à celles dominantes dans votre page. Vous améliorez ainsi la présentation des traditionnelles barres grises. En variant les codes des couleurs, vous pouvez adapter celles-ci à celles dominantes dans votre page. Vous améliorez ainsi la présentation des traditionnelles barres grises. En variant les codes des couleurs, vous pouvez adapter celles-ci à celles dominantes dans votre page. Vous améliorez ainsi la présentation des traditionnelles barres grises. En variant les codes des couleurs, vous pouvez adapter celles-ci à celles dominantes dans votre page. Vous améliorez ainsi la présentation des traditionnelles barres grises.

Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises <head> et </head>

<style TYPE="text/css">
BODY {
scrollbar-face-color: #FFCC00;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFCC;
scrollbar-arrow-color: #000000;
}
</style>

Remarque : A l'aide du tableau de couleurs, vous pouvez varier à l'infini la couleur des barres de défilement.

scrollbar-arrow-color : couleur des flèches.

scrollbar-3dlight-color : couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).

scrollbar-highlight-color : couleur claire du relief des boutons (blanc conseillé).

scrollbar-face-color : couleur du dessus des boutons et de la barre de défilement.

scrollbar-shadow-color : couleur sombre du relief des boutons (noir conseillé).

scrollbar-darkshadow-color : couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).

scrollbar-track-color : couleur du fond de la barre.

Vous pouvez affecter le changement de couleurs des barres de scroll verticales et horizontales à un style en particulier comme dans un textarea.

Voila un style appliqué en particulier à un TEXTAREA seulement. style="font-family:arial; scrollbar-3dlight-color:red; scrollbar-arrow-color:green; scrollbar-darkshadow-color:brown; scrollbar-face-color:darkorange; scrollbar-highlight-color:greenyellow; scrollbar-shadow-color:lightgreen; scrollbar-track-color:indigo;"

Retour