login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials

Tutorials > CSS


Gegevens:
Geschreven door:
Jeroen
Moeilijkheidsgraad:
Normaal
Hits:
22274
Punten:
Aantal punten:
 (1.53)
Aantal stemmen:
15
Stem:
Niet ingelogd
Nota's:
 Post een nota
 Lees de nota's (5)
 

Tutorial:

Scrollbar kleuren veranderen


1. Voorwoord
2. De theorie
3. Wat is wat?
4. Tabs
5. Je codes terug vinden
6. Afsluiting


1. Voorwoord
Sommige mensen vinden de standaart scrolbalken niet mooi. En die gaan ik je dus leren aan te passen. Let er wel op dat dit geen geldige CSS elementen zijn en dus fout worden gerekend als je hem door de CSS validator van w3schools haalt!. (http://jigsaw.w3.org/css-validator/) Ook werkt deze code ook alleen maar in Internet Explorer!

 top

2. De theorie
Je maakt eerst een nieuw CSS document aan en daar zet je het volgende in:

body{
    scrollbar-arrow-color
:#eee;
    scrollbar-track-color
:#eee;
    scrollbar-face-color
:#000061;
    scrollbar-highlight-color
:#F2F2FF;
    scrollbar-3dlight-color
:#F2F2FF;
    scrollbar-darkshadow-color
:#B3B3FF;
    scrollbar-shadow-color
:#B3B3FF;
}
 top
3. Wat is wat?
Tja, dat is lastig als je niet weet, anders volg je deze tutorial ook niet. Daarom heb ik een mooi plaatje voor je waar je precies kan zien wat wat is:



Door de hexadecimale codes te veranderen kun je je scrollbalken in verschillende kleuren krijgen.

 top


« Vorige tutorial : CSS tips Volgende tutorial : Embedded stylesheets »

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.007s