schrollbar-
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste filius,filius schreef:Hoe kan ik een schrollbar opmaken(kleur ,rand etc..)met cs3 dw
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>
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.
-
ultddave - Lid geworden op: 11 mei 2009, 13:59
- Locatie: Limburg > Genk
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.
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
Waarom? Omdat de scrollbar bij de browser hoort en niet bij de site.
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 - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste filius,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
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">
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.
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste filius,filius schreef:Bedankt voor het antwoord.Deze keer is het gelukt met DOCTYPE.
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.