Scrolbalk in andere kleur??

[Wuppy]

Hallo,

Ik heb een site gemaakt met Web Pro Extended Edition, maar wil graag mijn scrolbalk kleur en de achtergrond daarvan veranderen. Heb deze vraag voorgelegd aan de helpdesk van Denda, maar zoals zo velen zijn ze failliet gegaan.

Wie kan mij helpen.

 

[aaajeetee]

Zoals altijd biedt Google uitkomst: kijk hier eens

 

[JeroenE]

Zet het volgende in de "head" van je html-document :

<style>
body {
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
</style>

De 6 tekens achter de # kan je telkens veranderen om het kleur aan te passen.
Hier vindt je een tabel met meer dan 4000 kleuren en hun hexadecimale rgb-waarde.

Greetz : Jeren.

 

[w.sickman]

Let wel: deze stylecode werkt niet in de meeste browsers. IE is een van de weinige die dit echt goed kan. Persoonlijk zou ik hem dus als IE style toevoegen, en niet als globaal. Dat kan op twee manieren:

<style [B]type="text/css"[/B]> 
*body { 
 scrollbar-arrow-color: #000000;
 scrollbar-3dlight-color: #000000;
 scrollbar-highlight-color: #000000;
 scrollbar-face-color: #ffffff;
 scrollbar-shadow-color: #ffffff;
 scrollbar-track-color: #ffffff;
 }
</style>

Het sterretje voor body zorgt ervoor dat alleen IE de code uitvoert.

Of op de andere manier:

<!--[if IE]>
<style [B]type="text/css"[/B]> 
*body { 
 scrollbar-arrow-color: #000000;
 scrollbar-3dlight-color: #000000;
 scrollbar-highlight-color: #000000;
 scrollbar-face-color: #ffffff;
 scrollbar-shadow-color: #ffffff;
 scrollbar-track-color: #ffffff;
 }
</style>
<![endif]-->

wout

 

[mraats]

<div style="background-color: gray; width:800px; height:400px; border: 0px solid white; overflow:auto; scrollbar-face-color: White; scrollbar-shadow-color: White; scrollbar-highlight-color: White; scrollbar-3dlight-color: White; scrollbar-darkshadow-color: White; scrollbar-track-color: White; scrollbar-arrow-color: White; scrollbar-base-color: White">


hier je text


</div>

 

[Wuppy]

Is gelukt, bedankt