Come creare una barra di scorrimento personalizzato

June 3

Se si desidera personalizzare la barra di scorrimento che appare insieme con la tua pagina Web, si dovrebbe ricordare che solo perché è possibile personalizzare molti elementi della vostra barra di scorrimento, che non significa che si dovrebbe tutti personalizzare. Quando si personalizza una barra di scorrimento, è possibile modificare il colore della barra di scorrimento freccia, la barra di scorrimento del colore di scorrimento, il colore barra di scorrimento pista e altri elementi. In genere non si vuole distogliere l'attenzione dal contenuto della pagina con la creazione di una barra di scorrimento che sembra fuori dal comune. Tuttavia, se si sente che sarebbe servirà bene per personalizzare la barra di scorrimento, è possibile farlo utilizzando la formattazione CSS.

istruzione

1 Accedi al tuo web server. Aprire la pagina HTML in cui si desidera includere una barra di scorrimento personalizzato.

2 Fare clic nella sezione <head> della pagina.

3 Inserisci questo codice:

<Style type = "text / css">

<! -

html {scrollbar-faccia-color: # 000000;

scrollbar-shadow-color: # 000000;

scrollbar-highlight-color: # 000000;

scrollbar-3dlight-color: # 000000;

scrollbar-DarkShadow-color: # 000000;

scrollbar-track-color: # 000000;

scrollbar-freccia-color: # 000000;}

->

</ Style>

4 Fare clic e trascinare attraverso una qualsiasi di queste righe nel codice che non si desidera cambiare nella barra di scorrimento, quindi premere il tasto "Elimina". Ad esempio, se non si desidera cambiare il colore pista, rimuovere il "barra di scorrimento-track-color: # 000000;" linea.

5 Sostituire ogni istanza di "000000" con il codice HTML del colore per il colore che si desidera visualizzare (vedi Risorse).

6 Pubblicare la pagina.