Near as I can tell this does not work in Mozilla. I pasted the code by Masada into a new blank page, set an onload event onload="changeScrollbarColor() to set scroll bar to "black" in the body of the new page and previewed in Mozilla (version 2.0) browser. Same old "light blue" scrollbar. Tested it in version 1.0.5.8 and same thing. Here is the "code" i tried for the new page:
<html>
<head>
<title>New Page 4</title>
<style>
body{
scrollbar-face-color: #000000; /*/ obviously change this to whatever you want /*/
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFBF0;
scrollbar-3dlight-color: #808080;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #cccccc;
}
</style>
<script>
function selectCode(f){
document.forms[f].elements[0].focus();
document.forms[f].elements[0].select();
}
function changeScrollbarColor©{
if (document.all){
document.body.style.scrollbarBaseColor = C
}
}
</script>
</head>
<body onload="changeScrollbarColor()">
</body>
</html>
It seems this stuff about reference to W3C is just not correct and that Mozilla refuses to recognize anything which messes with their browser.
QUOTE(masada @ 10 May, 2006 - 01:00 PM)
Cancel that last entry. That thing is a joke.
Here's what you can do to make this work in all 3 major browsers (IE, Firefox, Opera):
1) use this code:
CODE
<style>
body{
scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFBF0;
scrollbar-3dlight-color: #808080;
scrollbar-shadow-color: #FFFBF0;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #CCCCCC;
}
</style>
<script>
function selectCode(f){
document.forms[f].elements[0].focus();
document.forms[f].elements[0].select();
}
function changeScrollbarColor(C){
if (document.all){
document.body.style.scrollbarBaseColor = C
}
}
</script>
2) in the HTML tag of your webpage, delete ANY and ALL ties to W3C! For example, you will see code generated in the HTML tag when you create a new html page in Dreamweaver like this:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Kill all of this so the only thing left is the following:
CODE
<html>
Near as I can tell, what this does is break away from the rules that have been established by the W3 consortium so anything can be read and followed. I don't know why, but it just seems to work. I have tried this script method in all three browsers and it works in all of them.
cheers
22 Apr, 2006 - 11:00 AM
| 