coloured scrollbars

fizzy · 19-10-2001 8:31am #1

could someone tell me what browser versions support coloured scrollbars (like the blue one on the right at boards)?

i figure you need higher than IE5 since i only see grey at home

beaver · 19-10-2001 8:50am

Yep. Netscape won't do 'em either... It's IE specific AFAIK.

b20uvkft6m5xwg · 19-10-2001 11:39am

its only IE 5.5 and above AFAIK- wont work on MACS either

DS · 19-10-2001 7:06pm

I use IE6 on my PC and IE5 on my Mac. Works fine with the former, and occasionally, the latter serves up a blue scrollbar on loading the page, but reverts to the default once you click it.

fizzy · 21-10-2001 10:42am

thanks for the info everyone.

21-10-2001 11:40am

it's ie 5.5+

SantaHoe · 28-10-2001 6:54am

Just for the lazy people among us...
What's the code for a coloured scrollbar eh?

b20uvkft6m5xwg · 28-10-2001 10:16am

Just place this after the 1st <body> tag
This is the mouseover version, so if you dont want the mouseover effect, just make sure all the "mouseoff" and "mouseover" clours are the same:)

Post back if you've any probs! gluck

<script language="JavaScript1.2">
/*---------------[IE 5.5 Scrollbars colorer]--------------------*/
function scrollBar(line,face,theme)
	{
		if (!line||!face)
			{
				line=null;
				face=null;
				switch(theme) // Predefined themes
					{
						case "blue":
							var line="#78AAFF";
							var face="#EBF5FF";
							break;
						case "orange":
							var line="#FBBB37";
							var face="#FFF9DF";
							break;
						case "red":
							var line="#FF7979";
							var face="#FFE3DD";
							break;
						case "green":
							var line="#00C600";
							var face="#D1EED0";
							break;
						case "neo":
							var line="#336699";
							var face="silver";
							break;
					}
			}

				with(document.body.style)
					{
						scrollbarDarkShadowColor=line;
						scrollbar3dLightColor=line;
						scrollbarArrowColor="#336699";
						scrollbarBaseColor=face;
						scrollbarFaceColor=face;
						scrollbarHighlightColor=face;
						scrollbarShadowColor=face;
						scrollbarTrackColor="orange";
					}
			}

/*------------------[Pointer coordinates catcher]---------------*/
function colorBar(){
		var w = document.body.clientWidth;
		var h = document.body.clientHeight;
		var x = event.clientX;
		var y = event.clientY;
		if(x>w) scrollBar('#336699','orange'); // Your colors
		else scrollBar(null,null,"neo"); // A predefined theme
	}

if (document.all){
scrollBar(null,null,"neo");
document.onmousemove=colorBar;
}
//-->
</script>

SantaHoe · 31-10-2001 2:06am

Yeah, that worked a treat, cheers.

damnyanks · 04-11-2001 10:31pm

There is a shorter way to do it in CSS if your interested. But the good thing about changeing the colours is that if it doesnt work no one will notice, it wont cause any error's either. But if it does work it can really improve the feel of a page

b20uvkft6m5xwg · 04-11-2001 11:23pm

Originally posted by damnyanks
There is a shorter way to do it in CSS if your interested. But the good thing about changeing the colours is that if it doesnt work no one will notice, it wont cause any error's either. But if it does work it can really improve the feel of a page

I wouldn't mind giving it a try. Can you post up the stylesheet?

Good Point re: functionality. Even if you cock it up big time, theres no js runtime error alert:)

bar · 05-11-2001 1:38pm

<STYLE type="text/css">
BODY
{
scrollbar-face-color: #2A314C;
scrollbar-shadow-color: #2A314C;
scrollbar-highlight-color: #2A314C;
scrollbar-3dlight-color: #9AB6C4;
scrollbar-darkshadow-color: #20253A;
scrollbar-track-color: #20253A;
scrollbar-arrow-color: #CCCCCC
}
</STYLE>

Fooger · 09-11-2001 8:40pm

ta bar that came in real handy for my web site (makes it look more professional;) )

coloured scrollbars

Comments