La barra di scorrimento è una funzione versatile che rende più comodo e veloce lavorare con qualsiasi sito web. Allo stesso tempo, i proprietari dei siti preferiscono installare sulle loro pagine non solo utili, ma anche bellissimi componenti aggiuntivi che abbinano il design alla combinazione di colori generale della pagina. In questo articolo, ti mostreremo come installare una barra di scorrimento colorata sul tuo sito web. Esistono diversi modi per farlo e uno di questi è un codice già pronto che può essere installato su qualsiasi pagina in cui si desidera modificare la barra di scorrimento.
Istruzioni
Passo 1
Seleziona la pagina da modificare e copia il suo codice HTML nel blocco note.
Dopo il tag, incolla il codice:
body {scrollbar-face-color: # 5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Passo 2
Nel codice, regola i valori del colore davanti a ciascun parametro come desideri: il colore della barra di scorrimento, il colore della freccia, il colore di sfondo della barra di scorrimento, il colore dei bordi, separando le barre, e così via.
Questo è il modo più semplice, ma oltre ad esso ce n'è uno in più: salva lo stesso codice con le impostazioni del colore della barra di scorrimento come file css e caricalo sulla pagina. Per fare ciò, apri il codice sopra senza tag nel blocco note. Salva il file di codice e chiamalo scroll.css. Quindi carica sul server nello stesso posto della pagina in cui desideri modificare la barra di scorrimento.
Passaggio 3
Se non conosci le lettere dei colori in HTML, cerca in Internet qualsiasi tabella con questi simboli. Ti aiuterà a correlare codici e colori e a scegliere il colore giusto per il design del tuo sito web.
