GEKLEURDE SCROLLBAR
Open in Outlook Express een nieuwe mail door op Nieuw bericht te klikken. Zorg dat Bronbewerking aangevinkt staat. (Beeld - Bronbewerking).
Onderaan je mail heb je dan drie tabbladen: Bewerken - Bron en Voorbeeld.
Klik op Opmaak, scroll naar Achtergrond en naar Kleur en klik op Wit.

Door het invoeren van html codes in de Bron kun je je scrollbar een andere kleur geven. Er zijn verschillende mogelijkheden. De scrollbar zelf, de ondergrond van de scrollbar, de vierkante blokjes aan de boven- en onderkant en de driehoekige puntjes in die vierkantjes.
De html kleurcodes bestaan altijd uit 6 tekens, een combinatie van letters en cijfers bepalen de kleur.
Let er wel op dat waar je: 0 ziet, dit altijd een nul is.
De letter O komt in deze kleurcombinaties niet voor.

De html kleurcodes kun je vinden in bijvoorbeeld een programma als Paint Shop Pro, maar ik zal onderaan deze pagina een aantal kleurcodes neerzetten.

In dit voorbeeld ga ik uit van een blauwe scrollbar op een rode achtergrond. De vierkantjes boven en onder zijn ook rood en de driehoekjes zijn wit.
Op het plaatje hieronder zie je nog een andere kleurcombinatie.
Klik nu op Bron, je ziet nu de codes die al in je mailtje staan.
Je ziet ergens tussen deze codes staan: <STYLE></STYLE>
Precies hiertussen moeten de codes komen om ervoor te zorgen dat je scrollbar de door jou gewenste kleuren krijgt.
Ga achter <STYLE> staan met je cursor en druk twéémaal op Enter.
Het ziet er nu zo uit:
Ga nu met je cursor op de lege plek tussen <STYLE> en </STYLE> staan en tik in: BODY {
Direct achter dit haakje komen de codes, het woord BODY en het haakje hoeven maar eenmaal ingetikt te worden.

Tik nu (of kopieer) direct achter het haakje:
scrollbar-track-color:#ff0000; scrollbar-face-color:#0000ff; scrollbar-arrow-color:#ffffff;
Let op wel of geen spatiegebruik! Klik nu op Voorbeeld en je ziet het resultaat. Je ziet dit pas goed als er tekst in de mail staat, klik dus even op het tabblad Bewerken (onderaan de  mail), ga met je cursor in het tekstgedeelte staan en druk net zo vaak op Enter tot je een schuifbalk ziet. Ook de witte driehoekjes zie je dan pas.
Je kunt zien dat de code 'track-color' de ondergrond van de schuifbalk verandert, de 'face-color' verandert de kleur van de schuifbalk zelf en de 'arrow-color' zorgt voor de kleur van de kleine driehoekjes.
De kleuren staan tussen het # en de ; als je andere kleuren wilt kun je die daar veranderen.

Nu nog wat kleurcodes: (hoofdletters of kleine letters maakt niet uit, gebruik wel altjd de 0 (NUL) en geen letter O.

#FF0000   = rood
#FFFFFF    = wit
#0000FF   = blauw
#FFFF00   = geel
#76F565  = lichtgroen
#00FF7F  = lentegroen
#000000  = zwart
#FFC0FF   = rose
#FFA500  = oranje
#CIDDFF  = lichtblauw
#00008B  = donkerblauw
#0CB00C  = donkergroen

Heel veel succes, maak er iets moois van:-)
© Leonie de Haan