change scrollbar colour

liunx

Guest
does anyone know a valid way of changing the colour of scrollbars? i have an invalid way and a javascript way but not a valid way.

thxNo. The ways you've discovered are the only ways. Personally I don't prefer my scrollbar to be colored (thank God for Firefox!!), especially when I have the themes I want (a Macintosh-looking gel scrollbar). I don't like it when my graphic interface is changed by the web site I'm on. Anyway, who cares if your code is valid or not? The purpose of the validator is to make sure you're complying with the guidelines. The W3C recommends that user agents develop new ideas for their technologies so that they can be implemented in future specifications. The colored scrollbar -- although not particularly a good idea in my opinion and the W3C has not taken interested, which is a good thing -- is a proprietary addition to the CSS technology, implemented by Microsoft. If you understand the consequences of your code -- for example, why it is invalid -- using invalid code is not wrong. Vladdy, a member of this forum, has developed an interesting technique which creates CSS dropdown menus. The code in order for this to work in Internet Explorer requires invalid CSS (by using the proprietary "behavior" property and importing JavaScript for Internet Explorer only), yet I have no problem with it. No, I can't boast that I have valid code, but I can boast that my code works everywhere and still gives me a beautiful menu for the browsers that do understand the CSS (all modern browsers) -- user agents that do not understand CSS that is not in the W3C specification should ignore it (this is stated in the specification as well). These user agents would most likely be older ones, such as Netscape 4.COOL ANSWER!!!

i love spending time in the webdeveloper forums, all the knowledge, skill, talent, experience and attitude always excites me some much. thank you.I like your answer too but -


Vladdy, a member of this forum, has developed an interesting technique which creates CSS dropdown menus. The code in order for this to work in Internet Explorer requires invalid CSS (by using the proprietary "behavior" property and importing JavaScript for Internet Explorer only), yet I have no problem with it. No, I can't boast that I have valid code, but I can boast that my code works everywhere and still gives me a beautiful menu for the browsers that do understand the CSS (all modern browsers)

Isn't quite true, the drop down doesn't work in Netscape when configured for Horizontal, see the horizontal menu post, only when configured for vertical operation with slide outs, not drop downs :)

<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=50585">http://www.webdeveloper.com/forum/showt ... adid=50585</a><!-- m --> (CSS menu)

No one seems to be able to offer a reason.As you know Rapid, I've no idea about a valid anything but here are the ones I use.
Maybe if you play with them they'll help.

<script>
document.body.style.scrollbarBaseColor="000099"
</script>

and

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#C1C8D2;
scrollbar-3dlight-color:#6A7B95;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#465162;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#6A7B95;
}
-->
</STYLE>

I also have purple, green, gray and another blue all in css, if you need them.The code you just supplied Sir Jake is proprietary Microsoft-Made code. In this case, there is a reason why there is not a way to change the scroll bar, a valid way that is. The reason this is, is because The scroll bars in your browser are not apart of your website, they are actually a part of the browser. Changing it isn't nice, and I personally am using a Mac-like skin for my computer ;).I was just sharing the code I use on my site with Rapid et al.

But are you saying, that code will not work on Mac comps? Or globaly?

Changing scr.b. is not nice. How so? Error wise or just rude to change someone elses browser?

If errors occur and the site is still usable/interactive, are the errors really a concern?
Me don't know.



:confused: :confused: :confused:Hi Jake,

I'll start from the top, my first reply was a bit 'scatter-brained'. Microsoft and Netscape were the first major corperations that had web browsers, and in part they had the ability to make any kind of tag they want, such as the embed tag, or the code to change a scroll bar. The w3c said that the embed tag should be instead used with the object tag, and that if you use the embed tag, no matter what, it will make your source code invalid. I digress. The CSS to change the scrollbar colors works only in Internet Explorer. My main point is that the scrollbar is apart of the viewer's computer, and should not attempt to be changed by the website's owner.

Anyone, feel free to correct me if I am wrong ;)Originally posted by d@ve
Isn't quite true, the drop down doesn't work in Netscape when configured for Horizontal, see the horizontal menu post, only when configured for vertical operation with slide outs, not drop downs :)
It actually is cross-browser. Just because the menu does not appear where you intended it to appear after you have modified the original code does not mean it isn't cross-browser. You did modify the code, did you not? However, the menu does work as intended in Netscape 7.1 (at least, it did for me).No, not scatter-brained, just over my head a bit.
I undrestand now, thank you!

So, in changing the scroll bar only Net users see it. This is good for them but dam. I like the effect in my site cause it's all fun all games,flashy if you will. Is it nessessary to change it back to normal? Sorry for so many questions but I never thought about this stuff, I just look for code, edit it and add it all the time. Kinda like a kamikaze, you know.No, you can keep it, it is your site. The code, I believe, uses something the Internet Explorer developers have neglected to fix, so until then you can use it. Just some people don't like the idea of it. I use FireFox so I don't see it anyway, just pointing out some general things. I'm glad I could help you understand a bit more :).It actually is cross-browser. Just because the menu does not appear where you intended it to appear after you have modified the original code does not mean it isn't cross-browser. You did modify the code, did you not? However, the menu does work as intended in Netscape 7.1 (at least, it did for me).

It does if it doesn't work in one browser. I have replied in the horizintal menu post but Netscape 7.1 and 7.2 works, but 7.0 doesn't.

It's the drop downs that don't appear in the correct place, so you can't actually select them because they appear no where near the cursor, and as soon as you move the cursor of the header menu, the drop down disappears.

Its probably my code, but it would be good if someone could point out whats wrong, not just for me but for anyone that wants a horizontal CSS menu that works.

:)
 
Back
Top