can i change the scrollbar graphics?

[buskerota]

Div.scroll {
overflow-y: scroll; <-----??????????????????????
}
is it possible to controll the graphics on a scroll by using css?
-buskerota-

[weirdbeardmt]

body {scrollbar-base-color: #b0c0d0; }

ought to do it. If you use the same in your DIV scroll bit, then that colour can be different (so have a different main body scrollbar and a different one for your DIV).

[buskerota]

thanx.. maybe its another issue, but if i want another graphic, like a button instead of the _
| |
| |
| |
| |
| |
| |
|_|
is that possible with just css or is it more difficult? im -newbie-

[weirdbeardmt]

What do you want to change? The up/down arrows?

[Dan Morgan]

You can change the style of the arrows, not sure about changing them for a graphics though:

http://wsabstract.com/howto/scrollbarcolor.shtml

Whats the _ btw?

[spdrcr]

No, don't think there is ANY way you can change the scrollbar to a graphic.

Don't put too much work into your scrollbar, concentrate on the way it integrates with the rest of your page.

[Dan Morgan]

Originally posted by spdrcr

Don't put too much work into your scrollbar, concentrate on the way it integrates with the rest of your page.

Well said that man.

[creole]

Those are widgets built into the browser itself. You can change the color of them (in IE) but you cannot change the shape or the object.

[spdrcr]

Widgets!?

[creole]

A widget is a generic term for an item that does something:
http://www.dictionary.com/search?q=widget

[buskerota]

Originally posted by weirdbeardmt
What do you want to change? The up/down arrows?

-yeah that was the idea, i've seen it on some pages on the web.. like www.planetarion.com

[Dan Morgan]

Originally posted by buskerota

-yeah that was the idea, i've seen it on some pages on the web.. like www.planetarion.com

Woohoo, another PA player!

Do you mean in the ingame screens as www.planetarion.com doesnt have any different scrollbars.

Like this:



Well here is the css used for the Terran game screen:

body {
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #74100D;
	scrollbar-base-color: #3A3331;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #3A3331;
	scrollbar-highlight-color: #74100D;
	scrollbar-shadow-color: #74100D;
	scrollbar-track-color: #000000;
}