Scrollbars

[hime-chan]

Hi, it's Hime-chan again!

So, I'm one of those persons who like to do webdesign but can't program for the love of their lifes ... (although I'm really trying to find the time to learn something in between all the things I want to do).

Now I'm running into one of those design questions you can't solve without a script - the scrollbar. I would usually just color it and play around a little, but I can't seem to find a combination that would look good on my page.

I also searched the JavaFile for a script to mend this, but I didn't find one. So now I'm here ... :( I'm beginning to get to the point, by the way.

What I need is basically a script that will make a new scrollbar which I can design freely and switch the other one out, but the latter one is not a necessity ... my HTML goes just far enough to switch off a scrollbar myself. =^^=

+ hime-chan

[[~eVoL-ST~]]

I'm not sure if this is what you where looking for or not ?

<--- code --->
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: 5D6073;
scrollbar-highlight-color: 4E505F;
scrollbar-3dlight-color: 4E505F;
scrollbar-darkshadow-color: 4E505F;
scrollbar-shadow-color: 4E505F;
scrollbar-arrow-color: 252733;
scrollbar-track-color: 4E505F;
}
-->
</STYLE>
<--- code --->

[hime-chan]

Thanks for the answer!

But no, that isn't it. =^^,, I've been tweaking around with these myself... but I've found something that isn't screaming cool but will still be okay.

Well, as I said: thanks anyways!

~ Hime-Chan

[bigperm]

This (http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm) is a really neat site that shows you wht your scrollbars look like... A cool tool.

[lord_andy]

Originally posted by [~eVoL-ST~]


<--- code --->
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: 5D6073;
scrollbar-highlight-color: 4E505F;
scrollbar-3dlight-color: 4E505F;
scrollbar-darkshadow-color: 4E505F;
scrollbar-shadow-color: 4E505F;
scrollbar-arrow-color: 252733;
scrollbar-track-color: 4E505F;
}
-->
</STYLE>
<--- code --->

Is there any way to put this into an external stylesheet. I tried but it didn't seem to anything.

[Psiphon]

Originally posted by lord_andy


Is there any way to put this into an external stylesheet. I tried but it didn't seem to anything.

It should work. Maybe you forgot to link it to the external stylesheet?

[meow]

Do you see it when the style is inlined? It's IE5.5+ only and so it will stay.

[bigperm]

BODY {
scrollbar-face-color: 5D6073;
scrollbar-highlight-color: 4E505F;
scrollbar-3dlight-color: 4E505F;
scrollbar-darkshadow-color: 4E505F;
scrollbar-shadow-color: 4E505F;
scrollbar-arrow-color: 252733;
scrollbar-track-color: 4E505F;
}
That's all you need for the external style sheet, you don't need any of that other junk... Maybe since it was in comment brackets, it didn't work.

[lord_andy]

Originally posted by meow
Do you see it when the style is inlined? It's IE5.5+ only and so it will stay.

Yeah, I can see the scrollbar when it's inlined (I'm using IE 5.5) but when I use the external stylesheet like big perm says I get nothing.

Does it make any difference if I put the {} on different lines or if I put them at the beginning and the end of the text? I mean writing everything on 1 line?

[lucifer]

how are you including your .css that sounds like the problem

[Epgs]

or browser conflict it work in other browsers/versions?

[meow]

Originally posted by lord_andy
Does it make any difference if I put the {} on different lines or if I put them at the beginning and the end of the text? I mean writing everything on 1 line?
Nope. Space is of no matter. If you typed it, check that you have all the colons and semicolons in the right places. Did you name the Style Sheet xxx .css and use LINK in the html?
<link rel="StyleSheet" type="text/css" href="xxx.css">

[lord_andy]

Thanks a lot for the help. I realized that I was putting the link to the external stylesheet too low down in the script. I put it just after the meta-tags and the title and it works fine.

Thanks again.:D