Eigen website

schrollbar-

Gestart door filius op 05 sep 2009, 15:27 7 berichten 3.925 keer gelezen
filius Startte dit onderwerp 05 sep 2009, 15:27 119 berichten
Hoe kan ik een schrollbar opmaken(kleur ,rand etc..)met cs3 dw
bij voorbaat dank
coderunner 05 sep 2009, 17:33 Aubauke - Aentwaerepe 1.828 berichten
filius schreef:Hoe kan ik een schrollbar opmaken(kleur ,rand etc..)met cs3 dw
Beste filius,

Door een style mee te geven tussen <head> en </head> nl.

Code: Selecteer alles

<style type="text/css">
body
{
scrollbar-arrow-color: #FFFF00;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #008000;
scrollbar-shadow-color: #00FFFF;
scrollbar-darkshadow-color: #008080;
scrollbar-track-color: #FFA500;
}
</style>
waarin het getal dat achter het # teken staat, overeenkomt met de gewenste kleur.

Meer uitleg vind je hier

Denk er wel aan dat de gekleurde scrollbar (schuifbalk) niet door Firefox ondersteund wordt.

Graag hier een reactie.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
filius Startte dit onderwerp 06 sep 2009, 11:10 119 berichten
Beste,
Ik heb de code tussen de head gezet en het lukt mij niet.Ik heb geprobeert bij een iframe :lukt ook niet.Ik heb internet explorer.
Het lukt niet!!!!!!!Ik bekijk dus wel de pagina in de browser.
Bij voorbaat dank
ultddave 06 sep 2009, 13:03 Limburg > Genk 248 berichten
Er zijn nog niet eens een handvol browsers die gekleurde scrollbars ondersteunen. IE, Konquerer en Opera denk ik.

Waarom? Omdat de scrollbar bij de browser hoort en niet bij de site. :wink:

Als je met IE (Hoger als IE6) werkt, kan je ook eens proberen dit te gebruiken:

html, body
{
scrollbar-arrow-color: #FFFF00;
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #008000;
scrollbar-shadow-color: #00FFFF;
scrollbar-darkshadow-color: #008080;
scrollbar-track-color: #FFA500;
}

Dus de html en de body te gebruiken.

Mvg,
Dave
.NET en Java Programmeur
coderunner 06 sep 2009, 16:06 Aubauke - Aentwaerepe 1.828 berichten
filius schreef:Ik heb de code tussen de head gezet en het lukt mij niet.Ik heb geprobeert bij een iframe :lukt ook niet.Ik heb internet explorer.
Het lukt niet!!!!!!!Ik bekijk dus wel de pagina in de browser.
Bij voorbaat dank
Beste filius,

Lukt hetgeen wat "ultddave" voorstelt ook niet dan ... komt dit door een "verkeerde (?)" DOCTYP.
Styling de scrollbar is GEEN geldige CSS overeenkomstig de W3C.

Wijzig je huidige DOCTYP door de ingekorte

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Dit "kan" (maar hoeft niet noodzakelijk) tot gevolg hebben dat de layout van je pagina nu wijzigd wordt!

Een werkend voorbeeld staat hier. Je zou zowel op de hoofdpagina als in de iframe een groene schuifbalk moeten zien. Is dat bij jou in IE ook het geval?

Laat weten of het je op deze manier wel lukt.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
filius Startte dit onderwerp 06 sep 2009, 17:51 119 berichten
Bedankt voor het antwoord.Deze keer is het gelukt met DOCTYPE.
coderunner 06 sep 2009, 18:00 Aubauke - Aentwaerepe 1.828 berichten
filius schreef:Bedankt voor het antwoord.Deze keer is het gelukt met DOCTYPE.
Beste filius,

Dat is graag gedaan en bedankt voor de feedback en om dit hier te melden!

mvg,
Coderunner

@moderator: Probleem opgelost!
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.