È possibile colorare le barre di scorrimento sulle tue pagine Web con fogli di stile (o CSS), uno strumento che stili elementi HTML nei tuoi siti e applicazioni. A contrasto di barre di scorrimento può aiutare a rompere una combinazione di colori che si basa su pochi colori, mentre è possibile creare l'illusione di incorporare il browser del visitatore Web nel tuo sito web design applicando colori simili tramite CSS per le barre di scorrimento del tuo sito Web. Questi stili verranno automaticamente applicato a tutte le barre di scorrimento che appaiono sulle tue pagine.

Istruzioni

Colore di base

1

Aprire la pagina Web che si desidera modificare in un editor di codice, ad esempio Blocco note.

2

Incollare il codice seguente dopo il tag di apertura "< head >" ma prima del tag di chiusura "< / head >":

< style type = "text/css" >

corpo {scrollbar-base-color: #369;}

< / stile >

3

Modificare "n. 369" della sei-cifra (o ridotto a tre cifre) codice esadecimale di vostra scelta. Questo verrà semplicemente colorare le barre di scorrimento con il colore base di vostra scelta.

4

Salvare il documento e sarà in grado di visualizzare in anteprima le modifiche di barra di scorrimento in Internet Explorer.

Colori singoli

5

Aprire il documento nell'editor di codice.

6

Incollare o digitare il seguente codice dopo il tag di apertura "< head >":

< style type = "text/css" >

corpo () {

ScrollBar-3dlight-color: #ffd700;

ScrollBar-arrow-color: #ff0;

scrollbar-darkshadow-color: #ffa500;

scrollbar-face-color: #008080;

ScrollBar-highlight-color: #ff69b4;

ScrollBar-shadow-color: #f0f;

}

< / stile >

7

Modificare ciascuno dei valori di colore, che iniziano con il simbolo "#", alle vostre preferenze. Ogni riga rappresenta un elemento della barra di scorrimento. Per esempio, la "pista" è lo sfondo della barra di scorrimento mentre il "volto" è in primo piano. Le frecce sono situate verso la parte superiore e parte inferiore della barra di scorrimento. Il bordo superiore della barra di scorrimento è rappresentato dal colore "3dlight", mentre il bordo in basso a destra è il colore "darkshadow".

8

Salvare il documento e sarà in grado di visualizzare in anteprima le modifiche di barra di scorrimento in Internet Explorer.

Consigli & Avvertenze

• Per creare un effetto tridimensionale, rendono il valore 3Dlight più scuro rispetto al colore della superficie e il colore di evidenziazione più leggero rispetto il volto. Mantenere il colore di darkshadow più scuro rispetto al valore di ombra (che è più il volto scuro) per completare l'effetto.
• Per ottenere un aspetto piatto barra di scorrimento, rendere i valori 3dlight e darkshadow lo stesso colore.
• È anche possibile specificare lo stesso valore per i colori di luci e ombre creare l'illusione di un bordo interno.
• L'impostazione di tutti i quattro valori come lo stesso colore produce un effetto di bordo spesso attorno la barra di scorrimento.
• Se si dispone di un foglio di stile esterno (un documento con l'estensione "CSS"), è possibile aggiungere questi codici. È sufficiente rimuovere l'inizio e "stile" tag di chiusura.
• Le barre di scorrimento colorate visualizzate in Internet Explorer, ma non altri browser.