Transparante scrollbalk

[Verwijderd]

Hallo,...

Het gisteren avond de hele avond in de search gezocht naar de oplossing voor mijn probleem. Heb wel topics kunnen vinden, over het onderwerp, maar geen oplossing.

Mijn vraag is: is het mogelijk om een scrollbalk volledig transparant te maken, op de 'arrows' na?

Ik ben met het ontwerpen van een homepage, waarbij de achtergrond zichtbaar moet blijven. De scrollblak moet daardoor dus transparant worden.

[d33n]

dit kan denk ik wel dmv CSS, nog nooit zelf geprobeerd, maar toch:

http://www.google.nl/sear...transparant+scrollbar&lr=

hmm: hier voorbeeld code, maar dan moet je wel frames gebruiken:
http://www.restless-inside.org/scrollbar1.html


na even wat verder te hebben gekeken heb ik het idee dat transparant niet goed kan, wel zou je dmv 2 arrow-plaatjes en het spul dat je wil scrollen in een layer zoiets kunnen maken. Dat is wel zo cross-browser vriendelijk

http://www.dkrz.de/~k202039/dhtml/scrollbar/scrollbar.html

[ Voor 68% gewijzigd door d33n op 29-06-2003 08:56 ]

[Verwijderd]

ik las dat allen IE dit ondersteund
gebruik dan een javascript scrollbalk en het is opgelost(zal wel te vindne zijn op leejoo

[Verwijderd]

Met css dus, in een stijlbestandje:


.back {
background-color:#FFFFFF;
filter:chroma(color=#FFFFFF);
scrollbar-face-color:#C6B3C6;
scrollbar-shadow-color:#8B748A;
scrollbar-highlight-color:#8B748A;
scrollbar-3dlight-color:#8B748A;
scrollbar-darkshadow-color:#8B748A;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#8B748A}

[McVirusS]

Echt doorzichtig kan denk ik niet of je moet met Clay's Beehive script aan de gang maar dan is het geen normale scrollbar meer. Enige oplossing is scrollbar zelfde kleur geven als achtergrond.

[Verwijderd]

wat ik bij mijn site heb gedaan is wel wat moeilijker, maar komt op het zelfde neer.

Je maakt een screenshot van je site waarin die scrollbar zit en opent die screennie in je editor.
Selecteerd dat stukje wat je transparant wil hebben, behoud de selectie, en ga naar het plaatje wat dan bedekt wordt door die scrollbar.
maak van dat stukje wat bedekt word een nieuw jpg-tje en op je site doe je een layer boven op de scrollbar met dat nieuwe jpg-tje er in.

op www.takkie.com (mijn site) kan je het zien. best simpel en alle browsers ondersteunen layers (denk ik)

Suc6

[Verwijderd]

Hey Johhny 5...

Ik denk dat jou oplossing in dit geval het beste is. Denk dat ik hier wel iets mee kan. Dit is de meest simpele effectieve oplossing!

Dank voor de tip!