Slik tilpasser et rullefelt med kode

Tilpasse nettstedets scrollbar med Custom Style Sheets (CSS) og Hypertext Markup Language (HTML) koder kan hjelpe nettstedet ditt skiller seg ut. Du kan endre nesten noensinne aspekt av scrollbar gjennom koden, inkludert pil farge, spor farge, knapp farge og grense farger. Gjør din scrollbar blande inn med ditt nettsted, pop fra den eller faller et sted i mellom.

Bruksanvisning

1 Åpne HTML-koden på ditt nettsted.

2 Se til begynnelsen av koden din. Finn "<style type =" text / css ">". Under denne koden, kan du legge til regler som styrer den fargen og størrelsen på rullefeltet.

3 Skriv "body (scrollbar-ansikt-color: COLOR-NAVN;)" erstatte COLOR-NAME med navn eller hex koden til fargen ønsker du for din scrollbar basen. Face fargen vil endre fargen på bevegelige rullefeltet og opp og ned-knappene. Legg til følgende koder på etterfølgende linjer innenfor parentesene som det passer deg:

3dlight-farge - endrer topp grenser til scrollbaren, opp og pil ned boksene

darkshadow-farge - endringer bunn grenser til scrollbaren, opp og pil ned bokser

pil-farge - endringer arrow farge

track-farge - endrer tomt spor farge

4 Sørg for at din siste kode avsluttes med et semikolon og lukke parentes.

5 Lagre filen.

Hint

• Ikke alle nettlesere støtter tilpassede rullefelt. Sjekk din nettside i forskjellige nettlesere som Internet Explorer, Mozilla Firefox og Google Chrome.