Colored scroll bars

LordRogaine

I want to chage the color of my scroll bars on my site. I have a script(code), but not sure how to apply it. Here's the code. How would I use this?

<STYLE>
BODY {
scrollbar-face-color: #D51111;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #CCCCCCC;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
}
</STYLE>

I understand where I would make the appropriate changes for color.

cgraz

Place your code within the <HEAD></HEAD> tags in your document.

Cgraz

LordRogaine

thankyou

LordRogaine

I tried it but the scroll bar still comes up gray? I placed the whole code as I posted it here and placed it within the <head></head> tags. Is this code just plain html or do I need to put php tags somewhere? Is this a really stupid question on my part? lol. Thanks in advance.

theDog

That should do it. Did you try clearing your cache?

BTW, if you don't want to futz with all the elements separately, you can set a base color instead:

<head>
<style type="text/css">
body{
scrollbar-base-color:#D51111;
}
</style>
</head>

... that gives you the red color with all the proper 3d highlighting and shadows.

Oh, and you do know this only works with IE 5.5+ yes?
🙂

LordRogaine

IE 5.5+ ???????????? lol I really am a newbie. What's that?

cgraz

Internet Explorer 5.5

theDog

Microsoft Internet Explorer version 5.5 or greater.

EDIT: I meant "higher" not necessarily "greater."
😃

LordRogaine

I appreciate the help. I keep getting this when I try it.

Parse error: parse error, unexpected '<'

cgraz

Parse errors are PHP related not html related. Did you put the code you originally posted within PHP tags? That code isn't PHP related at all, so it shouldn't be within PHP tags, but rather within the <HEAD></HEAD> tags.

If you didn't put it in php tags, post your code and point out the area where you're getting the parse error (line number) and we can help you figure out what's wrong.

LordRogaine

I appreciate the help I'm getting from you guys. I finally got it to work. Now my next problem is how do I do the same thing for the drop down menus and push buttons(submit)

Here's what I am doing but it doesn't to work.

body{
scrollbar-base-color:#B57A0D;
button-base-color:#B57A0D;
drop down menu-base-color:#B57A0D;
}
</style>

Thanks again!

coditoergosum

You can't just make up your own CSS property. button-base-color:#B57A0D and drop down menu-base-color:#B57A0D are not valid.

If you want to change form elements you need to specify properties for "input" or "textarea" or "select" elements. Like this:


input { 
color: #0000FF;
background-color: #CCCCCC;
font-size: 12px;
}

Read this page completely: http://htmlhelp.com/reference/css/

LordRogaine

thanks

LordRogaine

I'm a little confused. Why can't I do the same for a drop down menu as I did for a scroll bar? The scoll bar colors look fine. I'm a newbie can you please show me how to change the color for a drop down menu or button? Thanks.

theDog

What coditoergosum said. You can do it, you just can't do it like you were trying to.

Just do what he said. I.e. defining the "input" properties will change the color of buttons, and defining "select" will change the color of drop menus. I think... i've seen it done for buttons, not for selects.

Put the code he posted right below the part about the scrollbar, still between the <style> tags. It should make your buttons blue.

coditoergosum

RTFM

LordRogaine

I tried it an I got the face of the buttons to change color. I tried to change the gray highlight too, using 3dlight-color: or highlight color: bu only the face would change. Also the background for the text area changed. Is there a way of aviding this. Thankyou for your help

coditoergosum

sigh This is basic stuff that can easily be learned by reading the pages at the link I gave you. Go to that page, read up about CSS, check out the properties page specifically... and then, if you don't know after spending at least an hour reading those pages, then come back and ask your questions.

LordRogaine

Ok, I give up. I went to that link at read all about CSS. It tells me everyting there is to know except what I need. This is what I use to change the color of my scroll bars. It works fine.

<STYLE>
body{ scrollbar-base-color:#D0AF73;}
</STYLE>

All I need to know now is how to change the tab color of the drop down menu. Perhaps I'm using the wrong wording? " Drop down menu" or "drop down bar"? select? I just want to change the gray tabs of the drop down menu the same way I did the scroll bar. Any ideas? Thanks.

coditoergosum

Oh, yeah, you can't do that. Textarea's will obey the scrollbar color settings for the body element, but there's nothing you can do with selects... at least currently. This stuff is still pretty new, so I would expect that they do more with it in the future (such as making it possible to customize selects). You can change certain properties of a select (drop down box), such as color, background-color, etc... but not the little down arrow.