Come personalizzare la scrollbar del sito
Un piccolo programmino free che vi viene
in aiuto per personalizzare la barra di scorrimento
scarica
Inserendo un codice fra i tag <head> della
pagina, si può personalizzare la barra di scorrimento colorandola a
piacimento.
Questo è il codice, cambiando i colori dopo il
# (cancelletto), la si può personalizzare.
<STYLE type="text/css">BODY
{scrollbar-face-color: #f2aaff;
scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #f2aaff; scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffcoff; scrollbar-darkshadow-color: #f2aaff}
</STYLE>
Il primo colore Face-Color= e' il colore pricipale - viola
Highlight-color e 3Dlight-color sono i
colori interni e la parte alta degli oggetti della barra - viola e bianco
Arrow-color è il colore delle
freccie - bianco
Shadow e darkshadow riguardano i
colori esterni della barra - bianco e viola.
Track-color è lo sfondo dove scorre la
barra - viola chiaro.
Eccovi alcuni codici già pronti
da copiare e incollare nel notepad (blocco note).
Per poi inserirli ad inizio
pagina fra i tag <head>.
Rosa
<STYLE type=text/css>BODY
{scrollbar-face-color: FF99CC;
scrollbar-highlight-color: FFFFFF;scrollbar-3dlight-color: FF3399;
scrollbar-darkshadow-color: FF3399;scrollbar-shadow-color: FFFFFF;
scrollbar-arrow-color: FFFF00;scrollbar-track-color: FF99CC;}
</STYLE>
Fucsia
<STYLE type=text/css>BODY {SCROLLBAR-FACE-COLOR: #FE68D3;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #760954;
SCROLLBAR-3DLIGHT-COLOR: #FDECFB; SCROLLBAR-ARROW-COLOR: #FDECFB;
SCROLLBAR-TRACK-COLOR: #ffccff; SCROLLBAR-DARKSHADOW-COLOR: #760954}
</STYLE>
Azzurro
<STYLE type=text/css>BODY {SCROLLBAR-FACE-COLOR: #ADC4D8;
SCROLLBAR-HIGHLIGHT-COLOR: #BBD0DB; SCROLLBAR-SHADOW-COLOR: #325668;
SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #325668;
SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #325668}
</STYLE>
Verde
<STYLE type=text/css>BODY { SCROLLBAR-FACE-COLOR: #00c000;
SCROLLBAR-HIGHLIGHT-COLOR: #80ff80; SCROLLBAR-SHADOW-COLOR: #80ff80;
SCROLLBAR-3DLIGHT-COLOR: #c0ffc0; SCROLLBAR-ARROW-COLOR: #80ff80;
SCROLLBAR-TRACK-COLOR: #c0ffc0; SCROLLBAR-DARKSHADOW-COLOR: #c0ffc0}
</STYLE>
Turchese scuro
<STYLE type=text/css>BODY { SCROLLBAR-FACE-COLOR: #406070;
SCROLLBAR-HIGHLIGHT-COLOR: #608090; SCROLLBAR-SHADOW-COLOR: #305060;
SCROLLBAR-3DLIGHT-COLOR: #406070; SCROLLBAR-ARROW-COLOR: #ffffd0;
SCROLLBAR-TRACK-COLOR: #204050; SCROLLBAR-DARKSHADOW-COLOR: #103040;
BACKGROUND-COLOR: #305060}
</STYLE>
In quest'ultimo codice è inserito
anche il colore di sfondo della pagina Background-color
|