How To a cura di: www.wmportal.it


Colorare le barre di scorrimento

Sono sempre più numerosi i siti nei quali le barre di scorrimento del browser appaiono più o meno variopinte.

Sopravvolando sulle opinioni personali in merito all'utilità di tale "tendenza", vediamo adesso come fare.

Per colorare le barre di scorrimento della finestra del browser, o di una finestra pop-up, ma anche di un iframe, dobbiamo agire sugli stili che governano il BODY:

<style type="text/css">

BODY {

Scrollbar-Face-Color : #FF0000 ;
Scrollbar-Arrow-Color : #FF0000 ;
Scrollbar-Base-Color : #FF0000 ;
Scrollbar-Shadow-Color : #FF0000 ;
Scrollbar-Dark-Shadow-Color : #FF0000 ;
Scrollbar-Highlight-Color : #FF0000 ;
Scrollbar-3D-Light-Color : #FF0000 ;

}

</style>


Tradurre i vari termini in italiano per tentare di far capire dove questi comandi agiscono è abbastanza inutile, oltre che confusionario.

Per questo motivo mi servirò di alcune immagini, opportunamente ingrandite ed una per ogni attributo, utilizzando come colore il rosso per fugare ogni dubbio. Per sapere a quale attributo è riferita ogni singola immagine è sufficiente soffermarsi con il mouse su di essa.

Scrollbar-face-color Scrollbar-arrow-color Scrollbar-base-color
Scrollbar-shadow-color Scrollbar-dark-shadow-color Scrollbar-highlight-color
Scrollbar-3d-light-color

CorsoHTML
di Francesco Ricca