Resize scrollbar, Can you do it? Options

[lpdrummer]

I have a box with a line that creates a place for a scrollbar to go on. However, the scrollbar is too big. Is there a way to resize the scrollbar and make parts of it (Scrollbar track) transparent?

[lovescream]

I'm pretty sure that you can't resize scrollbars, but you can make it transparent.

To make it transparent, check out this script;
http://www.createblog.com/forums/index.php?showtopic=30462

[lpdrummer]

OK so I couldnt make this transparent since it isnt a div?

<style type="text/css">
/* Name of Your Skin - By lpdrummer*/
body
{background-color: #fefefe;
scrollbar-arrow-color: #585d61;
scrollbar-track-color: #efefef;
scrollbar-shadow-color: #585d61;
scrollbar-face-color: #fefefe;
scrollbar-highlight-color: #585d61;
scrollbar-darkshadow-color: #585d61;
scrollbar-3dlight-color: #585d61;}


I want to have the track color transparant.

[lovescream]

you can!

replace

body
{background-color: #fefefe;
scrollbar-arrow-color: #585d61;
scrollbar-track-color: #efefef;
scrollbar-shadow-color: #585d61;
scrollbar-face-color: #fefefe;
scrollbar-highlight-color: #585d61;
scrollbar-darkshadow-color: #585d61;
scrollbar-3dlight-color: #585d61;}

with

div {
filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #000000;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #00FF00; /* transparent */
}

[talcumpowder]

Toby, that says the body scrollbar.
And no. BTW, you can use a flash scrollbar, your own scrollbar image, and... You can make all scrollbars smaller on only your computer. If you know how. =)
This is all very confusing though.
[ http://msdn.microsoft.com/library/default....rclasstopic.asp ]
[ http://www.webreference.com/dhtml/column23/NSscrGifs.html ]

[lpdrummer]

you can!

You sure? Cause I'm pretty sure I tried that...

Toby, that says the body scrollbar.
And no. BTW, you can use a flash scrollbar, your own scrollbar image, and... You can make all scrollbars smaller on only your computer. If you know how. =)
This is all very confusing though.
[ http://msdn.microsoft.com/library/default....rclasstopic.asp ]
[ http://www.webreference.com/dhtml/column23/NSscrGifs.html ]

well, If everyone can't see it, its not worth the trouble. Thank you though! And what were you talking about when you said "Toby, that says the body scrollbar"?
I'm assumming Toby is SpiritedFreak, but that code will not work for me at all?

[talcumpowder]

x.X
You provided the code for the main scollbar.
She's telling you you can make it transparent, when you can't.

[lpdrummer]

x.X
You provided the code for the main scollbar.
She's telling you you can make it transparent, when you can't.

Oh OK. I don't need the MAIN scrollbar transparent, just the one inside my blog body and my info box.

P.S. If you get the chance, please read my other thread, I am haveing technical difficulties with my xanga >_<

[talcumpowder]

o.O Was that the one I replied to? -can't keep anything straight-
Oh, and you can make those transparent. use this ::
[ http://www.createblog.com/forums/index.php?showtopic=30462 ]
Read up on it a bit, only works in IE. We assume you use divs to add the scrollbars.
(Yeah, which thread? Link it and I'll try to help. To the best of my abilities of course. ^_^u)

[lpdrummer]

o.O Was that the one I replied to? -can't keep anything straight-
Oh, and you can make those transparent. use this ::
[ http://www.createblog.com/forums/index.php?showtopic=30462 ]
Read up on it a bit, only works in IE. We assume you use divs to add the scrollbars.
(Yeah, which thread? Link it and I'll try to help. To the best of my abilities of course. ^_^u)

OK thats the same link, so I guess I'll just have to play around with it a bit ;)


Heres that thread- I have a blue border around my page and need to center the text on my blog body.
http://www.createblog.com/forums/index.php?showtopic=83813

[talcumpowder]

'kay, I answered you.
Oh, and for the scrollbars, choose a color you're not using anywhere on your layout. Like... birght pink or something, then use that as the track color. For the rest, use whatever color you want to show up. It's not all that hard.

[lpdrummer]

So do this?

[CODEBOX]
div {
filter:chroma(color=#00FF00);

body
{background-color: #fefefe;
scrollbar-arrow-color: #585d61;
scrollbar-track-color: #efefef; (Replacee this with 00ff00)
scrollbar-shadow-color: #585d61;
scrollbar-face-color: #fefefe;
scrollbar-highlight-color: #585d61;
scrollbar-darkshadow-color: #585d61;
scrollbar-3dlight-color: #585d61;}[CODEBOX]

[talcumpowder]

You can't make the main scrollbar transparent. The main scrollbar is the one that is really big and helps you scroll the page up and down.
The code only works for div layers.

<!-- begin code provided by createblog.com --><br />div {filter:chroma(color=#00FF00);scrollbar-arrow-color: #585d61;scrollbar-track-color: #efefef; (Replacee this with 00ff00)<br />scrollbar-shadow-color: #585d61;scrollbar-face-color: #fefefe;scrollbar-highlight-color: #585d61;scrollbar-darkshadow-color: #585d61;scrollbar-3dlight-color: #585d61;}<br /><!-- end code provided by createblog.com -->

Like that...