Hey! I've looks ages for a transparent scroll bar code from site to site but I couldn't really find one. :-( I had it before, but I deleted my old CSS. I really need it for my layout otherwise it won't really fit my layout. So if anyone has a transparent scrollbar code or knows where to find one can you please give it to me?Thank you so much! ^____^

http://www.lissaexplains.com/frames.shtml#inline

the part you need is at the bottom of the page there (at least it is on my screen... i use 1024 resolution)

Err...This is not working too well.
The layout needs a trasnparent scrollbar because it won't look pretty with out it. I had the code before saved in notepad, but I lost it and it won't work now.

Here is my CSS Code:

<style type="text/css" media="screen">
<!--BODY
{
color:#CFECEC;
font-size:8 pt;
font-family: tahoma;
background-color: transparent;
font-family: tahoma;
background-attachment : transparent;
font-family: tahoma;
line-height: 13px;}-->

<!--
A:link{color:#CFECEC;text-decoration:none; font-weight:regular;}
A:visited{color:#CFECEC;text-decoration:none;font-weight:regular;}
A:active{color:#CFECEC;text-decoration:none;font-weight:regular;}
A:hover{color:#CFECEC;text-decoration:underline;font-weight:bold; cursor:crosshair; }
-->


<STYLE type="text/css">

<!--body {
scrollbar-face-color: #CFECEC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #E0FFFF;
scrollbar-darkshadow-color: #AFDCEC;
scrollbar-shadow-color: #E0FFFF;
scrollbar-arrow-color:#CFECEC;
scrollbar-track-color: #E0FFFF;

}
-->
</STYLE>


<!--
input { color: #CFECEC;
background:transparent;
font-size: 8pt;
font-weight: regular;
text-decoration: none;
font-family:tahoma;
text-align: lest;
border-width: 1px;
border-style: DOTTED;
border-color: #CFECEC;
}

<!--
input, textarea
{ background:transparent;
font-family: tahoma;
font-size:7.5pt;
color:#CFECEC;
border-style: DOTTED;
border-color:#CFECEC;
border-width:1}
--></style>


Where does the transparent part stick in?

...*sighs*

change your css to this:

<style type="text/css">
<!--
BODY
{
color: #CFECEC;
font-size: 8pt;
font-family: tahoma;
background-color : transparent;
line-height: 13px;
scrollbar-face-color: #CFECEC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #E0FFFF;
scrollbar-darkshadow-color: #AFDCEC;
scrollbar-shadow-color: #E0FFFF;
scrollbar-arrow-color:#CFECEC;
scrollbar-track-color: #E0FFFF;}

A:link { color: #CFECEC; text-decoration: none; font-weight: regular;}
A:visited { color: #CFECEC; text-decoration: none; font-weight: regular;}
A:active { color: #CFECEC; text-decoration: none; font-weight: regular;}
A:hover { color: #CFECEC; text-decoration: underline; font-weight: bold; cursor: crosshair; }

input { color: #CFECEC;
background:transparent;
font-size: 8pt;
font-weight: regular;
text-decoration: none;
font-family: tahoma;
text-align: lest;
border-width: 1px dotted #CFECEC;
}

input, textarea
{ background-color: transparent;
font-family: tahoma;
font-size: 7.5pt;
color: #CFECEC;
border: 1px dotted #CFECEC;
}
-->
</style>

if it's in a .css file take out the <style><!-- and --></style> tags aswell ..

the css should be on the page opening in the iframe.
and you should have allowtransparency="true" in the iframe aswell ...

Love,
Mirna