Home Ontwerp je site CSS Persoonlijke schuifbalk ontwerpen

Persoonlijke schuifbalk ontwerpen

Wellicht heb je al vele websites gezien die een eigen schuifbalk hebben en niet de standaard grijze schuifbalk van Internet Explorer. We gaan nu onze eigen persoonlijke schuifbalk maken.


Opgelet

Dit werkt enkel in Microsoft Internet Explorer; de kleuren worden in andere browsers genegeerd. Als je Transitional of Strict HTML genereert, wordt de schuifbalk ook niet weergegeven.

Onderdelen

Een schuifbalk bestaat eigenlijk uit heel wat onderdelen:

CSS-code

De codes voor de schuifbalk moeten tussen <head> en </head> komen.

<style type="text/css">
body {
scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: #E6F7FF;
scrollbar-3dlight-color: #E6F7FF;
scrollbar-darkshadow-color:#E6F7FF;
scrollbar-shadow-color: #000000;
}
</style>

De waarden zijn de kleuren die je aan de verschillende elementen van de schuifbalk geeft. Deze kun je natuurlijk aanpassen aan je eigen wensen.


4 + 1 =
 

GOOGLE adsense