PDA

View Full Version : colored scrollbars...


raven
April 14th, 2001, 03:16
Is there anyone who can tell me how to do colored scrollbars? How can I differ the size? html? css? java?
help me...
akashik
April 14th, 2001, 06:03
http://www.javascript-tricks.com/colored.html

There's a simple tutorial on scroll bars and form buttons

Greg Moore
10Mbits
April 23rd, 2001, 08:54
use CSS...

<STYLE>

<!--

body {

SCROLLBAR-FACE-COLOR: #******;

SCROLLBAR-HIGHLIGHT-COLOR: #******;

SCROLLBAR-SHADOW-COLOR: #******;

SCROLLBAR-3DLIGHT-COLOR: #******;

SCROLLBAR-ARROW-COLOR: #******;

SCROLLBAR-TRACK-COLOR: #******;

SCROLLBAR-DARKSHADOW-COLOR: #******;

}

-->

</STYLE>



Modification instructions for code #1: Replace the ****** places with your colors, using the six-digit color codes. For a list of all colors with their corresponding browser color codes - click here. You have seven places to put your own colors, you can change the scroll bar color, the arrow colors, the shadow, all of it! Experiment!





Form button colors

Code #2: To change the colors of your form buttons, use this code below. Highlight, copy, and paste it into your HTML document after the <HEAD> tag. (don't know how? click here).

<STYLE>

<!--

.Button {

BACKGROUND-COLOR: #******;

BORDER-BOTTOM: #****** 4px solid;

BORDER-LEFT: #****** 4px solid;

BORDER-RIGHT: #****** 4px solid;

BORDER-TOP: #****** 4px solid;

COLOR: #******;

FONT-FAMILY: verdana, arial, helvetica;

FONT-SIZE: 25;

FONT-WEIGHT: bold

}

-->

</STYLE>



Modification instructions for code #1: Replace the ****** places with your colors, using the six-digit color codes. For a list of all colors with their corresponding browser color codes - click here. You have six places to put your own colors, experiment! You can also change the font (in blue), the font size in pixels (in red), and the font weight as bold, normal, or a number of pixels e.g. 10px (marked in pink).

Now this is the important bit: In the HTML code of your button, insert CLASS="Button" into the <INPUT> tag. So your <INPUT> tag (the tag used to display your form button) should look something like this:

<INPUT TYPE=SUBMIT NAME="submit" VALUE="Example button" CLASS="Button">



Related pages: Change the color of your hoverlinks when the mouse pointer hovers over them - click this to find out how.
bigperm
April 23rd, 2001, 13:13
Or you could see http://freewebspace.net/forums/showthread.php?threadid=4486
kojiro
April 24th, 2001, 15:06
Does it work with netscape? =<4.7
bigperm
April 24th, 2001, 17:19
No. I don't think it works with any version of netscape. Maybe 6, but I am not sure.

I think it only works in IE 5.5+
LeX
April 27th, 2001, 15:09
Yep, it only works with IE5.5+, no other browsers support this feature.