--- CODICE ---


<style type="text/css">
<!--
body {
scrollbar-3dlight-color: #C0C0C0;
scrollbar-arrow-color: rgb(255,255,255);
scrollbar-base-color: red;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-face-color: red;
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
scrollbar-track-color: #EEEEEE;
}
-->
</style>
 

--- Significato ---

scrollbar-base-color - imposta un intermezzo tra le sfumature di tutte le componenti della barra di scorrimento
scrollbar-face-color - colora la barra vera e propria, cioè la parte in movimento
scrollbar-shadow-color - colora l'ombra della barra di scorrimento vera e propria
scrollbar-arrow-color - colora le frecce della barra di scorrimento
scrollbar-highlight-color - colora il separatore tra la barra di scorrimento vera e propria e la parte della barra con le frecce
scrollbar-dark-shadow-color - colora la parte esterna all'ombra della barra di scorrimento vera e propria
scrollbar-3d-light-color - colora la parte tridimensionale della parte contenete le frecce
scrollbar-track-color - colora la parte sottostante della barra di scorrimento, ovvero quella su cui si muove la barra
 

--- Istruzioni all'uso ---

Il codice che vedi di fianco a ciascun esempio di tabella va inserito prima di  </head> e dopo </title>

 

ESEMPIO CODICE

 

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #6699ff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #0099ff;
scrollbar-darkshadow-color: #0099cc;
scrollbar-shadow-color: #009999;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
 

 

 

Esempio Codice

 

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ff3300;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #0099ff;
scrollbar-darkshadow-color: #0099cc;
scrollbar-shadow-color: #cc3333;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffcc99;
}
-->
</STYLE>
 

 

 

 

 

 
Esempio Codice
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #ffd700;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #0099ff;
scrollbar-darkshadow-color: #28b57;
scrollbar-shadow-color: #ffa500;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffcc99;
}
-->
</STYLE>
   

 

 

Per aiutarti a scegliere il colore che preferisci usa questa tabella dei colori:

Tabella colori

Consiglio

Fai degli esperimenti diversi così potrai vedere quante combinazioni di colore puoi usare.

A questo proposito è utilissimo conoscere la "Teoria del colore" per potere abbinarli meglio. A volte, infatti ho potuto notare che una pagina web è venuta male per la mancanza di conoscenza di questa Teoria. Prossimamente, credo proprio, che sia il caso pubblicare un articolo per descriverla.