Nwlapcug.com


Come fare una barra di scorrimento personalizzato per un DIV

Come fare una barra di scorrimento personalizzato per un DIV


È possibile modificare la barra di scorrimento sul tuo sito Web per aggiornare l'aspetto del tuo sito e aggiungere un tocco personale al vostro disegno. Purtroppo, le seguenti modifiche di codice funzionano solo in Internet Explorer, poiché gli altri motori di ricerca hanno difetti rigorosi per quanto riguarda le barre di scorrimento. Non lasciare che ti fermi, però. Consentire a Internet Explorer, gli utenti vedono qualcosa di speciale che altri browser non consentono. È possibile eseguire questa operazione utilizzando fogli di stile o codice di incorporamento.

Istruzioni

Utilizzare un foglio di stile

1

Aprire il foglio di stile del browser Web.

2

Aggiungere il codice seguente al foglio di stile:

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

ScrollBar-shadow-color: #0000FF;

ScrollBar-highlight-color: #00FF00;

ScrollBar-3dlight-color: #FF00FF;

scrollbar-darkshadow-color: #00FFFF;

ScrollBar-track-colore: #FFFF00;

ScrollBar-arrow-color: #000000;} "

3

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

4

Salvare il foglio di stile e di documento HTML e caricarle sul server del tuo sito Web attraverso il cPanel (pannello di controllo).

5

Visualizzare in anteprima le modifiche in Internet Explorer.

Codice embed

6

Se si sarebbe piuttosto di incorporare il codice HTML e non utilizzare un foglio di stile, copiare e incollare il codice seguente:

"< html >

< head >

< title > il titolo della pagina web < / title >

< style type = "text/css" >

<!...

HTML {scrollbar-base-colore: #FF9900}

-->

< / stile >

< / head >

< / body >

Il contenuto della pagina web

< / body >

< / html > "

7

Espandere la barra di scorrimento funzioni di editing aggiungendo il resto dei seguenti codici e colore cambia direttamente nella pagina HTML:

HTML () {

scrollbar-face-color: #FF0000;

ScrollBar-shadow-color: #0000FF;

ScrollBar-highlight-color: #00FF00;

ScrollBar-3dlight-color: #FF00FF;

scrollbar-darkshadow-color: #00FFFF;

ScrollBar-track-colore: #FFFF00;

ScrollBar-arrow-color: #000000; "

8

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

9

Visualizzare in anteprima le modifiche in Internet Explorer.