Hvordan lage en tilpasset Scrollbar

April 14

Hvis du ønsker å tilpasse rullefeltet som vises sammen med websiden, bør du huske at bare fordi du kan tilpasse mange elementer av rullefeltet, det betyr ikke at du bør tilpasse dem alle. Når du tilpasser et rullefelt, kan du endre rullefeltet pilen farge, rullefeltet glidebryteren farge, rullefeltet spor farge og andre elementer. Du vanligvis ikke ønsker å trekke oppmerksomheten bort fra innholdet på siden din ved å opprette et rullefelt som ser ut av det vanlige. Men hvis du føler at det ville tjene deg godt for å tilpasse rullefeltet, kan du gjøre det ved hjelp av CSS formatering.

Bruksanvisning

1 Logg inn på webserveren din. Åpne HTML-siden der du vil legge til en tilpasset rullefeltet.

2 Klikk i <head> -delen av siden.

3 Sett inn denne koden:

<! -

html {scrollbar-ansikt-color: # 000000;

scrollbar-shadow-color: # 000000;

scrollbar-høydepunkt-color: # 000000;

scrollbar-3dlight-color: # 000000;

scrollbar-darkshadow-color: # 000000;

scrollbar-track-color: # 000000;

scrollbar-pil-color: # 000000;}

</ Style>

4 Klikk og dra over noen av disse linjene i koden som du ikke ønsker å endre på rullefeltet, og trykk "Delete". For eksempel, hvis du ikke ønsker å endre spille farge, fjerne "rullefeltet-track-color: # 000000;" linje.

5 Erstatt hver forekomst av "000000" med HTML-fargekode for den fargen du vil skal vises (se Ressurser).

6 Publiser siden.