Change Scroller Colour

Departed · 21-04-2005, 23:42

This tut will show you how to let your users choose the scrollbar colour of the browser.

Only works in IE, Not any others!

Simply put this into the <head> of your page. Im using some bright colours, you can choose what you want.

Code:

//Change colours to what you want where it says "gold" etc.
<style>
body{
scrollbar-3dlight-color:gold;
	  scrollbar-arrow-color:yellow;
	  scrollbar-base-color:white;
	  scrollbar-darkshadow-color:black;
	  scrollbar-face-color:red;
	  scrollbar-highlight-color:blue;
	  scrollbar-shadow-color:green}

}
</style>

//DONT CHANGE ANYY OF THIS BELOW!
<script>



function changeScrollbarColor(C){
  if (document.all){
	document.body.style.scrollbarBaseColor = C
  }   
}

</script>

Just putting that in your head will look something like this.
(These are only my colours).

Hope you found my first tut helpful. Will be returning with more soon...

EDIT: Any problems or comments please post below or PM if your too shy...

**monaghan** · 22-04-2005, 07:45

Don't put it in the HTML file, put your script and styles in seperate files, then they can be re-used on every page and cached in the browser making your page load faster.

Departed · 22-04-2005, 11:14

Yeah, that would make more sense lol. Sorry im just used to putting them straight in... I dont have problems scrolling through loads of it and load times arnt that badly effected are they?

**monaghan** · 22-04-2005, 11:23

1 page load time will not make any difference, 2, 3, 4 ... However when you get lots of multiple page views and lots of visitors, then you'll notice a difference.

If you're hosting on a cheap server that's heavily loaded, then you want to reduce the volume of data your visitor has to pull down for each page.

Departed · 22-04-2005, 11:27

Yeah, i just tested it out on a couple of pages and i notice the difference slightly. Thanks.

Dr John · 23-04-2005, 08:57

Why do you include a javascript? And what is the value of the C that you are passing to the script? It doesn't seem to be defined anywhere.
And I'm assuming it is a javascript as it doesn't define the language either.

I just use the style settings and it works for me.

**robertall** · 23-04-2005, 09:59

That is quite a cleaver idea to be honest, it will save loads of hassle of waiting for the page to load.

21-04-2005, 23:42	#1 (permalink)
Departed Senior Member Join Date: Apr 2005 Posts: 1,088 iTrader: 0 / 0%	Change Scroller Colour This tut will show you how to let your users choose the scrollbar colour of the browser. Only works in IE, Not any others! Simply put this into the <head> of your page. Im using some bright colours, you can choose what you want. Code: //Change colours to what you want where it says "gold" etc. <style> body{ scrollbar-3dlight-color:gold; scrollbar-arrow-color:yellow; scrollbar-base-color:white; scrollbar-darkshadow-color:black; scrollbar-face-color:red; scrollbar-highlight-color:blue; scrollbar-shadow-color:green} } </style> //DONT CHANGE ANYY OF THIS BELOW! <script> function changeScrollbarColor(C){ if (document.all){ document.body.style.scrollbarBaseColor = C } } </script> Just putting that in your head will look something like this. (These are only my colours). Hope you found my first tut helpful. Will be returning with more soon... EDIT: Any problems or comments please post below or PM if your too shy... __________________ -Gary

22-04-2005, 07:45	#2 (permalink)
monaghan Super Moderator Join Date: Mar 2005 Location: Herts, UK Posts: 1,030 iTrader: 1 / 100%	Don't put it in the HTML file, put your script and styles in seperate files, then they can be re-used on every page and cached in the browser making your page load faster. __________________ Alex Monaghan - Monaghan Consultants Ltd Web hosting, ADSL, IT & Database consultancy Custom Web hosting on UK or USA servers using Linux (cPanel) or Windows (DotNetPanel) Mobile Phone Ringtones, Logos, Java Games & more

22-04-2005, 11:14	#3 (permalink)
Departed Senior Member Join Date: Apr 2005 Posts: 1,088 iTrader: 0 / 0%	Yeah, that would make more sense lol. Sorry im just used to putting them straight in... I dont have problems scrolling through loads of it and load times arnt that badly effected are they? __________________ -Gary

22-04-2005, 11:23	#4 (permalink)
monaghan Super Moderator Join Date: Mar 2005 Location: Herts, UK Posts: 1,030 iTrader: 1 / 100%	1 page load time will not make any difference, 2, 3, 4 ... However when you get lots of multiple page views and lots of visitors, then you'll notice a difference. If you're hosting on a cheap server that's heavily loaded, then you want to reduce the volume of data your visitor has to pull down for each page. __________________ Alex Monaghan - Monaghan Consultants Ltd Web hosting, ADSL, IT & Database consultancy Custom Web hosting on UK or USA servers using Linux (cPanel) or Windows (DotNetPanel) Mobile Phone Ringtones, Logos, Java Games & more

22-04-2005, 11:27	#5 (permalink)
Departed Senior Member Join Date: Apr 2005 Posts: 1,088 iTrader: 0 / 0%	Yeah, i just tested it out on a couple of pages and i notice the difference slightly. Thanks. __________________ -Gary

23-04-2005, 08:57	#6 (permalink)
Dr John Newbie Join Date: Apr 2005 Posts: 7 iTrader: 0 / 0%	Why do you include a javascript? And what is the value of the C that you are passing to the script? It doesn't seem to be defined anywhere. And I'm assuming it is a javascript as it doesn't define the language either. I just use the style settings and it works for me.

23-04-2005, 09:59	#7 (permalink)
robertall Moderator Join Date: Jan 2005 Location: post is there >> Posts: 1,586 iTrader: 0 / 0%	That is quite a cleaver idea to be honest, it will save loads of hassle of waiting for the page to load. __________________ Free .org domain - Click for details! Do not pm asking for things. My inbox is full. Add me to MSN!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
text box colour	Lewis	Website Design Forum	11	27-10-2005 00:09
Can't change logo	Lewis	Graphics Forum	6	17-06-2005 17:19
colour chart	Lewis	General Webmaster Discussion	2	21-05-2005 11:53
Change Scroller Colour	Departed	Comments / Suggestions	2	29-04-2005 16:06

Change Scroller Colour

Change Scroller Colour

Similar Threads