View Full Version : Transparent scrollbars on all my site pages?


DuncansOneLove
09-29-2004, 08:05 PM
Hi,

I have gotten a code from jennyspage.net that tells you how to make an iframe scroll abr transparent but i want to make ALL my scrollbars transparent but the problem is i don't understand where i'm supposed to put this: FILTER: chroma (color=40FF40);

I put it in my body in my css like:

body {
FILTER: chroma (color=40FF40);
scrollbar-face-color:#3880CF;
scrollbar-shadow-color:#CAC2B5;
scrollbar-3dlight-color:#B0CDDD;
scrollbar-arrow-color:#E6EFF6;
scrollbar-base-color:#000000;
scrollbar-track-color:#CADDF2;
scrollbar-darkshadow-color:#B0CDDD;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
BACKGROUND-COLOR: F3F7FC;
overflow-x:hidden;
overflow-y:auto;
font-family: Tahoma;
color: #000000 ;
font-weight: normal;
font: 7pt Tahoma;
}

and all it does it change my scroll bar track to green and makes my site lag like mad

Am i doing it wrong? If so how do i do it?

Chris
09-29-2004, 08:07 PM
You cannot make the main scrollbars of your website transparent. If you mean you can't get al your iframe scrollbars to be transparent, i'm sorry but I can't help

Chris

DuncansOneLove
09-29-2004, 08:18 PM
I don't see how it cannot be done because i've seen it on a few sites before

Chris
09-29-2004, 08:26 PM
I've never seen it done before. If you can show me an example, then I can probably help some more.

Chris

Tai
09-29-2004, 09:00 PM
Hi

Dont know if this site code helps ?? (http://www.roxydoll12.com/help/tutorials/transparentscrollbars.php) ps ?? :idea:

Found it on Google ---- I did an iframe the other day --- never knew you could make Scrollbars transparent ??

will look in to see if it works - ??

ReneeZara
10-02-2004, 07:34 PM
I've read a while back (while also trying to make my main scroll bar transparent) that it can't be done. Some pages look like they have it, but its actually an illusion. Its really an empy page with a huge iFrame inside it - they make the iFrame as big as the page so it looks like its the actual page. Then they make the iFrame's scroll transparent.

This would explain your original question about where to put the style="FILTER: chroma (color=#40FF40)" - you put that on your main page in the line of code that specifies your iFrame. The scroll bar color codes go in the body of your actual iFrame, not your main page.
Example - on my main page I have a div layer with a iFrame inside of it. This is the code (you probably won't need the div layer, I just used it to specify the position of my iFrame):

<div id="text box" style="position:absolute; left:340px; top:112px; width:388px; height:336px; z-index:100; overflow: hidden; padding: 1px; border: 0px;">
<iframe src="blog.htm" name="window" width="388" marginwidth="1" height="333" marginheight="1" align="top" scrolling="auto" frameborder="0" style="FILTER: chroma (color=#660000)"></iframe>
</div>

Hope this helps a little :)

DuncansOneLove
10-30-2004, 03:16 AM
That explains it then Reene. I thought it were transparent lol