CSS question

admin

Administrator
Staff member
When coloring the scrollbar, is there a way to color the scrolling bar and the boxes that contain the arrows separately, or are they limited to being colored together?<br />
<br />
If I could make the bar one color and the arrow boxes another, it would be perfect.<!--content-->Hey AgentJestr,<br />
<br />
Someone actually just gave me an awesome reference to a CSS site. Check this place out and see if it helps:<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.asp">http://www.w3schools.com/css/default.asp</a><!-- m --><!--content-->I'll check it out! :)<!--content-->http://www.htmlgoodies.com/tutors/scrollcolor.html<br />
<br />
I saw a tutorial regarding those scroll cammands at the above site. It appears that you can effect the arrows separately. Good luck!<!--content-->BODY {SCROLLBAR-FACE-COLOR: #999999; SCROLLBAR-HIGHLIGHT-COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #003399; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #003399; SCROLLBAR-TRACK-COLOR: #333333; }<br />
<br />
Here is a copy of my stylesheet for the scrollbar. Change colors to your taste.<br />
<br />
Good luck!<br />
<br />
Oh, I just re-read your question - hmmmm..... Good question!<!--content-->kalitude<br />
<br />
<br />
I tried to use your CSS, but I got no love! do you have a completed example of it working?<!--content-->BODY {<br />
SCROLLBAR-FACE-COLOR: #999999; FONT-SIZE: 10pt; BACKGROUND-IMAGE: url(../images/stripe.jpg); SCROLLBAR-HIGHLIGHT-COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #003399; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #003399; SCROLLBAR-TRACK-COLOR: #333333; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #333333; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none<br />
}<br />
<br />
<br />
here's the whole thing. It is a linked file for my site <!-- m --><a class="postlink" href="http://www.ttr125l.com">http://www.ttr125l.com</a><!-- m --><!--content-->I'll try it out!!<!--content-->
 
Back
Top