Hvordan lage en tilpasset Scrollbar for en DIV

February 6

Du kan endre rulle på nettstedet ditt for å oppdatere utseendet på nettstedet ditt og legge til en personlig touch til din design. Dessverre følgende kode endringene fungerer kun i Internet Explorer, siden de andre søkemotorene har strenge mislighold med hensyn til sine rullefelt. Ikke la det stoppe deg, though. La Internet Explorer-brukere se noe spesielt som andre nettlesere ikke tillater. Du kan utføre denne oppgaven ved hjelp av stilark eller embedding-kode.

Bruksanvisning

Bruk en Style Sheet

1 Åpne nettleseren stilark.

2 Legg til følgende kode i stilarket:

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

scrollbar-shadow-color: # 0000FF;

scrollbar-høydepunkt-color: # 00FF00;

scrollbar-3dlight-color: # FF00FF;

scrollbar-darkshadow-color: # 00FFFF;

scrollbar-track-color: # FFFF00;

scrollbar-pil-color: # 000000;} "

3 Endre hvert aspekt av rullefeltet som du ønsker å endre med en HEX fargekode.

4 Lagre HTML-dokumentet og stilark, og laste dem opp til nettstedets server gjennom cPanel (kontrollpanelet).

5 Forhåndsvise endringene i Internet Explorer.

Skriv inn kode

6 Hvis du heller vil legge koden inn i HTML og ikke bruke et stilark, kopier og lim inn følgende kode:

"<Html>

<Head>

<Title> Din nettside tittel </ title>

<! -

html {scrollbar-basen-color: # FF9900}

</ Style>

</ Head>

</ Body>

Din web side innhold

</ Body>

</ Html> "

7 Utvid scrollbar redigeringsfunksjoner ved å legge resten av følgende koder og fargeendringer direkte inn i HTML-siden:

html {

scrollbar-ansikt-color: # FF0000;

scrollbar-shadow-color: # 0000FF;

scrollbar-høydepunkt-color: # 00FF00;

scrollbar-3dlight-color: # FF00FF;

scrollbar-darkshadow-color: # 00FFFF;

scrollbar-track-color: # FFFF00;

scrollbar-pil-color: # 000000; "

8 Lagre endringene, og laste opp den nye HTML-dokumentet til ditt nettsted gjennom cPanel (kontrollpanelet).

9 Forhåndsvise endringene i Internet Explorer.