Come personalizzare una barra di scorrimento con il codice

July 21

Come personalizzare una barra di scorrimento con il codice


Personalizzazione barra di scorrimento del tuo sito web con i fogli di stile (CSS) personalizzato e codici Hypertext Markup Language (HTML) può aiutare il vostro sito web spiccano. È possibile cambiare aspetto quasi mai della vostra barra di scorrimento tramite il codice, tra cui freccia di colore, colore della traccia, colore dei pulsanti e colori dei bordi. Fai la tua barra di scorrimento si fondono con il tuo sito web, pop da esso o cadere da qualche parte nel mezzo.

istruzione

1 Accedere al codice HTML del tuo sito web.

2 Guardate all'inizio del codice. Trova "<style type =" text / css ">". In base a questo codice, è possibile aggiungere le regole per governare il colore e le dimensioni del vostro barra di scorrimento.

3 Tipo "corpo (scrollbar-faccia-color: COLORE-NAME;)" sostituzione COLOR-NAME con il nome o il codice esadecimale del colore che si desidera per la vostra base di barra di scorrimento. colore faccia cambierà il colore della barra di scorrimento mobile e pulsanti su e giù. Aggiungere i seguenti codici sulle linee successive all'interno delle parentesi come meglio credi:

3dlight-colore - cambia top confini alla barra scorrevole, su e giù scatole freccia

DarkShadow-colore - modifiche bordi inferiori a barra scorrevole, su e giù scatole freccia

freccia-colore - variazioni di colore freccia

track-colore - cambia il colore traccia vuota

4 Assicurati che il tuo ultimo codice termina con un punto e virgola e chiudere le parentesi.

5 Salvare il file.

Consigli e avvertenze

  • Non tutti i browser supportano le barre di scorrimento personalizzate. Controlla il tuo sito web in diversi browser come Internet Explorer, Mozilla Firefox e Google Chrome.