View Full Version : Transparent scrollbars iframe and frames?


shadow252
05-25-2004, 05:36 PM
Ok I know this sounds kinda wierd..

I have a way to enter in iframes to my site and then a way to enter through just dropped down frames.. My transparent scrollbars only show up in my iframes.. If there a way to make them show up in both even though it's the very same page? Will using the code that only does a regular page make it show or what?

See this is my just regular frames page: http://www.geocities.com/horse7wsc/framed.html see how the scrollbars aren't transparent.. Although when going into my iframes.. http://www.geocities.com/horse7wsc/doggy_dollie_world.html it shows the transparent scrollbars.. I'm confused on how to make them both transparent but without making two pages and having to update them..

Thanks..

Rosey
05-25-2004, 05:52 PM
you mean the scrollbars like in the main.htm?

You'd have to put the transparent code on main.htm which I didn't see it there. YOu justr have the regular scrollbar code:

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #CCCCCC;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #CCCCCC;
}
-->
</STYLE>

oh by the way i looked at your external style sheet and don't put <style> tags in there, it will mess things up.
It should just be


a:link {color:872D16; text-decoration: none}
a:visited {color:872D16; text-decoration: none}
a:active {color:872D16;}
a:hover {color:FFE5C9; text-decoration: none; cursor:default;}

body,tr,td, h6, p, li
{font-size: 10pt;
font-family: TAHOMA;
color:#000000;
line-height:12px;
letter-spacing:0pt;

BODY
{background-image:url("http://img46.photobucket.com/albums/v141/shadow252/welcome.png");
background-attachment:fixed;}

shadow252
05-25-2004, 06:14 PM
Ok I did what you said and took out the <style> in my style sheet thing. That might be why I did have problems with it one time.

Ok.. I went to a forum once and saw they were talking bout transparent scrollbars using iframes.

If you look at my doggy_dollie_world.html source I have put like they were talking about:

<center><div id="floatframe">
<iframe FRAMEBORDER="0" BORDER=0 width=408
height=326 src="main.html" style="FILTER: chroma (color=#CCCCCC)"td background="http://www.zippyimages.com/files/21320/backgrounds.gif "
name="main" style="position:absolute; left:184px; top:101px" allowtransparency="true" scrolling=yes></iframe>
</div>

<div id="floatframe">
<iframe FRAMEBORDER="0" BORDER=0 width=160
height=137 src="menu.html" style="FILTER: chroma (color=#CCCCCC)"td background="http://www.zippyimages.com/files/21320/backgrounds.gif"
name="menu" style="position:absolute; left:13px; top:100px" allowtransparency="true" scrolling=yes></iframe>
</div>
<div id="floatframe">
<iframe FRAMEBORDER="0" BORDER=0 width=160
height=137 src="links.html" style="FILTER: chroma (color=#CCCCCC)"td background="http://www.zippyimages.com/files/21320/backgrounds.gif "
name="links" style="position:absolute; left:13px; top:290px" allowtransparency="true" scrolling=yes></iframe>
</div>

Ok now.. They say put that code between there.. The CCCCCC is the transparent.. now on each page I've put the scrollbar code along with the CCCCC where I wanted the transparent to be.

Hmm.. Just found I didn't do that on my framed.html page.. Maybe that's why it's not working there.. I'll try that real quick! :idea:

shadow252
05-25-2004, 06:17 PM
Ok see now I put the style="FILTER: chroma (color=#CCCCCC)"td background="http://www.zippyimages.com/files/21320/backgrounds.gif " code in on my framed.html page but now I have white scrollbars!

Rosey
05-25-2004, 06:56 PM
hmmm you didn't put allowtransparency="true" see if that helps

shadow252
05-25-2004, 07:02 PM
Just did that and it's still not working.. still have a white scroll bar :rolleyes:

Rosey
05-25-2004, 07:17 PM
i played around with it and I have a feeling it doesn't work on plain frames although i could be totally wrong. The only way I got it to work was to to put an iframe in main.html . Sounds complicated if you ask me...

I'm sorry I couldn't figure it out.