scrollbars

[z35]

HI,

I just went to

http://www.enya.com

and I noticed that the scrollbar on the right is small and the same color as the web site.

All the pop up windows have the same thing. ie. the news clips.

How do they do this? Is this an html page with flash movies embedded here and there?

Its an attractive site. I'd like to know how they did it.

 

[snt]

It was done with CSS.
This is it exactly:
<style>
scrollbar-3dlight-color: #A1AABA;
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #26495F;
scrollbar-face-color: #ABBBC9;
scrollbar-highlight-color: #A1AABA;
scrollbar-shadow-color: #818EA3;
scrollbar-track-color: #9FAFBE

</style>

This will not work in Netscrape.

 

[theocraticmind]

not only that, it will only work in IE5.5+. luckily it downgrades back to normal scroll bars.

 

[SPYDERIX]

You'd think that Netscape 6 would be able to do this by now. That's why I converted, MSIE can do way more things!

&quot;Quest for the Cup - 2002!&quot;
&quot;Onto the 2^nd round!&quot;
​

 

[theocraticmind]

ya, it's because the scroll bar isn't endorsed by w3c (at least it wasn't last time i checked). but it should be, i'm starting to see it on about 1/3 of the sites i visit, even big, powerfull sites.

 

[z35]

I have netscape 6.2 and it works in that.

Is there more to that code?

or do i just drop that within the head tags...and thats it? because that didn't work.

or do I have to name it ie. .scroll{ }
and apply the class to something?

 

[z35]

ok..i figured it out...
body {
scrollbar-arrow-color: #FFFFFF; scrollbar-3dlight-color: #A1AABA; scrollbar-highlight-color: #A1AABA; scrollbar-face-color: #ABBBC9; scrollbar-shadow-color: #818EA3; scrollbar-track-color: #9FAFBE; scrollbar-darkshadow-color: #26495F;
}