Come fare una barra di scorrimento personalizzato per un DIV

December 31

Come fare una barra di scorrimento personalizzato per un DIV


È possibile modificare la barra di scorrimento sul tuo sito web per aggiornare l'aspetto grafico del tuo sito e aggiungere un tocco personale al vostro disegno. Purtroppo, le seguenti modifiche al codice funziona solo in Internet Explorer dato che gli altri motori di ricerca hanno valori di default rigorose per quanto riguarda le barre di scorrimento. Non lasciate che vi fermano, però. Consentire agli utenti di Internet Explorer vedono qualcosa di speciale che gli altri browser non permettono. È possibile eseguire questa operazione utilizzando i fogli di stile o di incorporazione del codice.

istruzione

Utilizzare un foglio di stile

1 Aprire il foglio di stile del browser Web.

2 Aggiungere il seguente codice al foglio di stile:

"HTML {scrollbar-faccia-color: # FF0000;

scrollbar-shadow-color: # 0000FF;

scrollbar-highlight-color: # 00FF00;

scrollbar-3dlight-color: # FF00FF;

scrollbar-DarkShadow-color: # 00FFFF;

scrollbar-track-color: # FFFF00;

scrollbar-freccia-color: # 000000;} "

3 Cambiare ogni aspetto della barra di scorrimento che si desidera modificare utilizzando un codice colore esadecimale.

4 Salvare il documento HTML e fogli di stile, e caricarli dal server del sito web attraverso il cPanel (pannello di controllo).

5 In anteprima le modifiche in Internet Explorer.

Codice di incorporamento

6 Se si preferisce inserire il codice nel HTML e non usare un foglio di stile, copiare e incollare il seguente codice:

"<Html>

<Head>

<Title> Il titolo pagina web </ title>

<Style type = "text / css">

<! -

html {scrollbar-base-color: # FF9900}

->

</ Style>

</ Head>

</ Body>

Il contenuto della pagina web

</ Body>

</ Html> "

7 Espandere le funzioni di editing barra di scorrimento aggiungendo il resto dei seguenti codici e cambiamenti di colore direttamente nella pagina HTML:

html {

scrollbar-faccia-color: # FF0000;

scrollbar-shadow-color: # 0000FF;

scrollbar-highlight-color: # 00FF00;

scrollbar-3dlight-color: # FF00FF;

scrollbar-DarkShadow-color: # 00FFFF;

scrollbar-track-color: # FFFF00;

scrollbar-freccia-color: # 000000; "

8 Salvare le modifiche, e caricare il nuovo documento HTML al tuo sito web attraverso il cPanel (pannello di controllo).

9 In anteprima le modifiche in Internet Explorer.