Un défilement haut en couleur !

Bel effet, mais y parvenir !

La coloration des barres de défilement est contrôlée par un style mais ne sera perceptible que par les utilisteurs d'Internet Explorer 5.5. Les autres navigateurs ignoreront l'instrucsion. Donc pourquoi s'en priver.

Introduisez le style scrollbar dans la balise <body>

Code source de la page :

</STYLE>

BODY {

scrollbar-face-color: #0000FF;

scrollbar-shadow-color: #000000;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #000000;

scrollbar-track-color:#000000;

scrollbar-arrow-color: #FFCC00;

}

<body>

scrollbar-face-color: #0000FF;	La couleur des faces des boutons.
scrollbar-shadow-color: #000000;	L'ombrage clair des boutons.
scrollbar-highlight-color: #FFFFFF;	La couleur secondaire du fond des barres.
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;	L'ombrage foncé des boutons.
scrollbar-track-color:#5BCEE5;	La couleur principale du fond des barres.
scrollbar-arrow-color: #FFCC00;	La couleur des flèches aux extrémités des barres.

Pour une couleur plus nuancée que le bleu ou le rouge, utilisez plutôt le code numérique.

exemple: liste

	blue #0000FF (0,0,255)		silver #C0C0C0 (192,192,192)
	red #FF0000 (255,0,0)		gray #808080 (128,128,128)
	purple #800080 (128,0,128)		maroon #800000 (128,0,0)
	aqua #00FFFF (0,255,255)		yellow #FFFF00 (255,255,0)
	fuchsia #FF00FF (255,0,255)		green #008000 (0,128,0)
	navy #000080 (0,0,128)		teal #008080 (0,128,128)
	olive #808000 (128,128,0)		lightblue #5BCEE5 (91,206,229)
	lime #00FF00 (0,255,0)		#FFCCCC (255,204,204)

Codification des couleurs en CSS

Par un nom fonctionnel (voir liste).
Par la valeur hexadécimale composée de 6 chiffres précédée d'un dièse # :
#000000, #FFFFCC.
soit comme en Html mais sans les guillemets.
Par une valeur hexadécimale à 3 chiffres. Chaque chiffre est alors
implicitement dupliqué : ainsi #fd3 est équivalent à #ffdd33.
Par la notation fonctionelle rgb qui prend 3 arguments en l'occurence
3 nombres entiers compris entre 0 et 255 ou 3 pourcentages entre
0% et 100%. (Voir script Codes RGB des couleurs).
color : rgb(255,0,0);
color : rgb(50%,50%,50%);

	Pourcentage	Nombre entier	Hexadecimal
aqua	rgb(0%,100%,100%)	rgb(0,255,255)	#00FFFF	#0FF
black	rgb(0%,0%,0%)	rgb(0,0,0)	#000000	#000
blue	rgb(0%,0%,100%)	rgb(0,0,255)	#0000FF	#00F
fuschia	rgb(100%,0%,100%)	rgb(255,0,255)	#FF00FF	#F0F
gray	rgb(50%,50%,50%)	rgb(128,128,128)	#808080	#888
green	rgb(0%,50%,0%)	rgb(0,128,0)	#008000	#080
lime	rgb(0%,100%,0%)	rgb(0,255,0)	#00FF00	#0F0
maroon	rgb(50%,0%,0%)	rgb(128,0,0)	#800000	#800
navy	rgb(0%,0%,50%)	rgb(0,0,128)	#000080	#008
olive	rgb(50%,50%,0%)	rgb(128,128,0)	#808000	#880
purple	rgb(50%,0%,50%)	rgb(128,0,128)	#800080	#808
red	rgb(100%,0%,0%)	rgb(255,0,0)	#FF0000	#F00
silver	rgb(75%,75%,75%)	rgb(192,192,192)	#C0C0C0	#BBB
teal	rgb(0%,50%,50%)	rgb(0,128,128)	#008080	#088
white	rgb(100%,100%,100%)	rgb(255,255,255)	#FFFFFF	#FFF
yellow	rgb(100%,100%,0%)	rgb(255,255,0)	#FFFF00	#FF0