navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

change scrollbar colour

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> change scrollbar colour
Page: [1]
 
rapid

 

Posts: 1
Joined: 10/24/2004
Status: offline

 
change scrollbar colour - 12/7/2004 13:54:41   
does anyone know a valid css way of changing the colour of scrollbars? i have an invalid way and a javascript way, but not a valid way.

thx
Donkey

 

Posts: 3853
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

 
RE: change scrollbar colour - 12/7/2004 14:00:34   
Welcome to the forum.

I'm afraid there is no valid way. When you change the scroll bar colour you are thought to be interfering with the browser window rather than your web site. Coloured scroll bars can also affect usability by the visually impaired.

Best to leave them grey.

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to rapid)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: change scrollbar colour - 12/7/2004 14:07:08   
... or if you really want to change them, just use one of the methods you already have...

If it works, that's more important than whether or not it's "valid"

:)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to Donkey)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/8/2004 10:29:46   
There is a way of doign this in css, but I"m not sure if it validates, and it only works in IE, so the rest of the browsers that visit your site, won't be able to see what you have done.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to bobby)
Donkey

 

Posts: 3853
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

 
RE: change scrollbar colour - 12/8/2004 10:35:02   
quote:

not sure if it validates
Definitely won't validate, but it also works in Opera (v7.23 tested 5 mins ago)

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to c1sissy)
Giomanach

 

Posts: 6086
Joined: 11/19/2003
From: England
Status: offline

 
RE: change scrollbar colour - 12/8/2004 10:35:18   
It only works in IE - Not Valid =]



_____________________________




(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/8/2004 10:40:20   
wonder if you used a conditional statement if it would validate? Might be a way to get around it? but then on the other hand, if only one version of opera sees it and IE, its not worth it, IMO that is.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Giomanach)
Xenon

 

Posts: 44
Joined: 12/8/2003
From: Madrid, Spain
Status: offline

 
RE: change scrollbar colour - 12/8/2004 14:46:24   
Insert this script into your webpage between the HEAD TAGS:

<style type="text/css">
<!--
BODY {
scrollbar-face-color: #FFAA00;
scrollbar-highlight-color: #FFCC00;
scrollbar-shadow-color: #FF9900;
scrollbar-3Dlight-color: #FFFF99;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFF66;
scrollbar-darkshadow-color: #FF8800;
}

//-->
</style>

Then change the colours (the weird codes after each attribute). You can go to any graphics program and see what the HTML code is for each colour.

Here you have an image showing each attribute: (if image is not shown properly visit: http://www.balearicus.com/scrollbars.jpg


Thumbnail Image
:)

Attachment (1)

_____________________________

.:JAva Terminal:. Webmaster

(in reply to c1sissy)
jaybee

 

Posts: 14070
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: change scrollbar colour - 12/9/2004 5:47:26   
As mentioned above, you can do it but it doesn't validate and it doesn't work in all browsers.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Xenon)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/11/2004 10:19:01   
Here is a chart that shows you exactly what is up with styling your scroll bars, its not recomended for any broswers but certain IE ones.

I believe that THIS should answer the original question in this thread

You can FIND MORE related to the rest of they scroll bar here at this link. I suggest that if you wish for your pages to work, you read this chart to see what browsers might crash if you use this on your page as styled with css.


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to jaybee)
Kitka

 

Posts: 2507
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: change scrollbar colour - 12/11/2004 20:27:42   
Wow! Fabulous chart Deb, nice find. But ... how come Firefox isn't mentioned? :) :) It must surely be the second-most popular browser after IE now.

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/11/2004 22:05:41   
Hi Kitka! How are you doing?

I'm sure you could email the owner of the site and ask them to add this.

I actually found this through a cssd mailing. I though it was great since it mentioned the scroll bars and what could happen if you use them. ITs also pretty good for the rest of the properties mentioned there as well :)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Kitka)
Kitka

 

Posts: 2507
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: change scrollbar colour - 12/13/2004 0:04:28   
quote:

I'm sure you could email the owner of the site and ask them to add this


Good suggestion, I'll do that. :)

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/13/2004 7:04:49   
Let us know how you make out with it. Most of the time they do respond if you email them.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Kitka)
jaybee

 

Posts: 14070
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: change scrollbar colour - 12/13/2004 9:25:13   
quote:

email the owner of the site and ask them to add this


While you're at it, tell him his layout breaks in Firefox 1.

Maybe that's why he's not included the info. He never uses FF.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to c1sissy)
Kitka

 

Posts: 2507
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: change scrollbar colour - 12/13/2004 9:31:29   
LOL jaybee! :) I noticed that too.

I've sent an email but haven't had a reply yet. I'll let you know what he says.

I didn't mention the broken layout, I'd rather like to keep him on the good side. :)

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to jaybee)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/14/2004 8:25:37   
quote:

I didn't mention the broken layout, I'd rather like to keep him on the good side

:) Good idea Kitka!

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Kitka)
jeepless

 

Posts: 213
Joined: 12/20/2003
From: Smack in the middle of USA
Status: offline

 
RE: change scrollbar colour - 12/14/2004 19:28:10   
Point of clarification, please....

c1sissy:
quote:

I suggest that if you wish for your pages to work, you read this chart to see what browsers might crash if you use this on your page as styled with css.

I thought it was great since it mentioned the scroll bars and what could happen if you use them.

Am I hearing you right that colored scrollbars CAN actually crash some browsers??? It's been my understanding that browsers not supporting the scrollbar css properties (everything but IE 5.5+ and Opera 7+) would simply ignore them. At least that's what I've been led to believe. I'm troubled at the thought that I may have been crashing a few browsers and not knowing it. One of my clients insists on using them, but I'm sure he'd change his mind if he knew the consequences!

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/14/2004 19:55:46   
If you go and look at the chart and click on the scroll bar things it gives you a list of what can happen, and crashing browsers is one of the things listed.

I did one in a homework page, just to try it out, but, I don't think I would mess with that much work for only one browser to have them on it. And if your client doesn't realize its not a cross browser thing, and that it won't validate, maybe they won't want to go with it? Could try to explain this and see what happens?

Let me know how you make out, and also research this online to see if you can find anything else on it. This is one persons view of what can happen. But, as far as other browsers, well, that has already been covered above so I wont' go into it.:)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to jeepless)
jeepless

 

Posts: 213
Joined: 12/20/2003
From: Smack in the middle of USA
Status: offline

 
RE: change scrollbar colour - 12/15/2004 10:07:12   
quote:

If you go and look at the chart and click on the scroll bar things it gives you a list of what can happen, and crashing browsers is one of the things listed.

I dunno maybe I've had too much coffee this morning, but I'm not finding anything listed on that site when I click on the scrollbar properties that specifically relates to colored scrollbars crashing some browsers. Did I miss it? Perhaps "crashing browsers" was meant more of a general condition that could happen for SOME of the css properties he listed, but it didn't necessarily apply to coloring scrollbars?

I think his choice of words "Safe" and "Unsafe" was a bit too compelling.... I would have preferred that he use "Supported" and "Unsupported" since "Unsafe" implies a dangerous condition... and I still believe that colored scrollbars are NOT a dangerous condition. But as you said, his choice of words is "one person's view of what can happen". I also did a Google search and spent two hours looking through references for colored scrollbars and couldn't find anything that said it crashed browsers.... only that non-supporting browsers would ignore the scrollbar styles.

Interestingly enough, the author of that site ALSO uses colored scrollbars! I didn't see it yesterday since I used FF to view that page, but this morning I used IE6 and noticed the scrollbar styling. So if it truly "crashed browsers", I would think that he wouldn't use it on his css compatibility page!

Just one guy's opinion.....

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: change scrollbar colour - 12/15/2004 15:47:25   
I know I read it as I was typing my response as I was reading the page, lol, maybe he changed it? Decided not to use those exact words?



_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to jeepless)
Kitka

 

Posts: 2507
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: change scrollbar colour - 12/19/2004 3:26:01   
quote:

I've sent an email but haven't had a reply yet. I'll let you know what he says.


Oops, sorry. I said I'd let you know...

My email came back 4 days after I sent it, with this error message:

quote:

A message that you sent could not be delivered to one or more of its recipients. This is a permanent error. The following address(es) failed:
author@corecss.com
mailbox is full


I guess he is either away, or got tired of looking at web site email.

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to Kitka)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> change scrollbar colour
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts