|
Volledige versie bekijken : Gekleurde scrollbar. Francis 24 December 2006, 13:20 Hallo,ik probeer voor mijn website een gekleurde scrollbalk te krijgen die past bij de door mij gekozen kleuren. Mij lukt het niet en is het eigenlijk wel interessant (bv:ik zie het hier ook niet). Heb wel programma's en zo online gevonden om scripts te maken maar lukt dus niet. Martijnc 24 December 2006, 14:20 AFAIK werkt dat alleen met Internet Explorer en gebeurt dat via css. Icemar 24 December 2006, 14:22 http://www.leejoo.nl/generatoren/scrollbar_generator_twee.htm Jelle 24 December 2006, 14:22 Dat doe je met een door Microsoft uitgevonden CSS element, het werkt dus ook alleen maar in Internet Explorer (en is niet W3C valid). Een voorbeeld van wat je in je CSS bv. moet zetten ervoor: scrollbar-base-color: #9D9EA9; scrollbar-arrow-color: #F0F0F6; scrollbar-track-color: #A9AAB2; scrollbar-3dlight-color: #B2B3BF; scrollbar-shadow-color: #777780; Een volledig uitleg vind je op o.a. deze sites: http://www.mijnhomepage.nl/artikelen/wd/scrollbars.php, http://www.websitemaken.be/index.php?page=show_item&id=8 Francis 24 December 2006, 15:01 Heb al zoiets tussen mijn heads geplakt zonder succes. Voor ik begin, moet u dat zie ik in iedere pagina plakken blijkbaar. Ook als u geen scrollbar wenst. Jelle 24 December 2006, 15:05 Je moet het niet zomaar tussen je head tags plaatsen, maar tussen <style type="text/css"> en </style> omdat het CSS is. Dus: <style type="text/css"> scrollbar-base-color: #9D9EA9; scrollbar-arrow-color: #F0F0F6; scrollbar-track-color: #A9AAB2; scrollbar-3dlight-color: #B2B3BF; scrollbar-shadow-color: #777780; </style> Het moet in elke pagina komen waar je het wilt (of werken met een los CSS stylesheet dat je linkt in alle pagina's). Ik begrijp wel niet goed wat je bedoelt met "Ook als u geen scrollbar wenst."? Als je het niet wilt in een bepaalde pagina, dan plak je het daar dan gewoon niet tussen de head tags. Gebruikers de keuze geven zal niet echt gaan doordat je Telenet ruimte geen PHP ofzo ondersteunt. Icemar 24 December 2006, 15:05 als je geen scrollbar heb op je pagina hoeft je deze er dus niet in te zetten in de head maar als je toch bezig ben is het wel makkelijker als je het er inzet is 1 handeling en als je later toch een scrollbar krijgt zijn ze dan wel overal gelijk dus dan wel op elke pagina zetten Francis 24 December 2006, 15:34 Ok, ik heb van de eerste lijn het kleurnr. gewijzigd en dan in twee pagina's geplakt. Jullie kunnen misschien zelf eens kijken wat ik fout doe. www.vansuypeene.be (http://www.vansuypeene.be) bij de knop familie bergman knop stamboom. Icemar 24 December 2006, 16:06 is makkelijker als je de broncode hier plaats en een gedeelte van de pagina script wat je allemaal gebruikt Jelle 24 December 2006, 16:09 Probeer deze: <style type="text/css"> body { scrollbar-base-color: #9D9EA9; scrollbar-arrow-color: #F0F0F6; scrollbar-track-color: #A9AAB2; scrollbar-3dlight-color: #B2B3BF; scrollbar-shadow-color: #777780; } </style> Er moet gespecifieerd worden voor welke scrollbars immers (die van de hele site body in dit geval dus). Francis 24 December 2006, 16:27 Is gelijk nog dat niet. Ben zelf nog aan de cursus dreamweaver bezig. Maar probeer al te lopen voor ik kan gaan css heb ik nog niet onder de knie. Jelle 24 December 2006, 16:56 Dat het nu nog niet werkt komt doordat je bovenaan je pagina een lang doctype hebt (met url erin). Dit W3C doctype van het lange type is strenger voor je browser en niet W3C compliant dingen zoals bv. die scrollbars werken erdoor niet. Je moet dus het doctype bovenaan je pagina verwijderen of vervangen door het kortere, niet zo strenge, doctype die niet compliant dingen wel toelaat: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Francis 24 December 2006, 19:11 Ja t'is gelukt Jelle prachtig misschien nog de kleuren aanpassen we zien wel. Hartelijk bedankt en Prettige feestdagen. Emile.H 25 December 2006, 23:58 Ik heb daar ook nog een mooi voorbeeld gevonden :p Wel wat laat, maar is nog altijd handig |