Nwlapcug.com


Come creare una barra di scorrimento personalizzato

Se si desidera personalizzare la barra di scorrimento che appare insieme a pagine Web, che si dovrebbe ricordare che solo perché è possibile personalizzare molti elementi della barra di scorrimento, ciò non significa che è consigliabile personalizzare tutti loro. Quando si personalizza una barra di scorrimento, è possibile modificare la barra di scorrimento freccia colore, il colore cursore della barra di scorrimento, il colore traccia della barra di scorrimento e altri elementi. In genere, non volete attirare l'attenzione dal contenuto sulla tua pagina mediante la creazione di una barra di scorrimento che guarda fuori dall'ordinario. Tuttavia, se ti senti ti starebbe bene per personalizzare la barra di scorrimento, è possibile farlo utilizzando la formattazione CSS.

Istruzioni

1

Accedere al server web. Aprire la pagina HTML in cui si desidera includere una barra di scorrimento personalizzata.

2

Fare clic nella sezione < head > della pagina.

3

Inserisci questo codice:

< style type = "text/css" >

<!...

HTML {scrollbar-face-color: #000000;

ScrollBar-shadow-color: #000000;

ScrollBar-highlight-color: #000000;

ScrollBar-3dlight-color: #000000;

scrollbar-darkshadow-color: #000000;

ScrollBar-track-color: #000000;

ScrollBar-arrow-color: #000000;}

-->

< / stile >

4

Fare clic e trascinare qualsiasi di queste righe nel codice che non si desidera modificare nella barra di scorrimento, quindi premere "Elimina". Ad esempio, se non si desidera modificare il colore di traccia, rimuovere il "scorrere bar-track-color: #000000;" riga.

5

Sostituire ogni istanza di "000000" con il codice colore HTML per il colore che si desidera venga visualizzato (Vedi risorse).

6

Pubblicare la pagina.