View Full Version : Transparent Scrollbars?


RCB182
07-21-2003, 03:28 PM
I've seen many tutorials on how to do Transparent Scrollbars, but where it says "insert this code in your iframe" (to make the lime color transparent) where do i put that code in my iframe?

MaGiCSuN
07-21-2003, 03:30 PM
in the <iframe> tag. I guess it's hte chroma code. So put it like this:

<iframe style="filter: chroma(colorhere)"></iframe>

Love,
Mirna

RCB182
07-21-2003, 03:38 PM
It's still not working...

<iframe FRAMEBORDER="0" BORDER=0 width=236
height=213 src="my iframe link"
name=iframe style="position:absolute; left:259; top:87" scrolling=auto iframe style="filter: chroma "CC9966"></iframe>

is that right...?

oh yeah, my scroll bar code....

BODY {
scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#CC9966;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;

MaGiCSuN
07-21-2003, 04:15 PM
iframe code should be:

<iframe FRAMEBORDER="0" BORDER=0 width=236
height=213 src="my iframe link"
name=iframe style="position:absolute; left:259; top:87" scrolling=auto style="filter: chroma(#CC9966)"></iframe>

and for the scrollbar code:


BODY {
scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#CC9966;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;}

Love,
Mirna

RCB182
07-21-2003, 04:34 PM
It still won't work, the brown appears instead of where it's supposed to be transparent :( I don't know what i'm doing wrong...

thanks for the help though Mirna :)

MaGiCSuN
07-21-2003, 04:36 PM
do you have IE 5.5 or above?

RCB182
07-21-2003, 04:39 PM
Yes, I have Internet Explorer 6.0, and I've seen transparent scrollbars before...

MaGiCSuN
07-21-2003, 04:40 PM
have you got this stuff uploaded somewhere? if so, can you post the url here?

edit: do you got those scrollbar codes on the pages that open INSIDE the iframe? otherwise it will not work
Love,
Mirna

RCB182
07-21-2003, 04:47 PM
*Imagines there will be a lot wrong with it, lol*

Yep, here (http://www.freewebs.com/metallicsun/test.html)

MaGiCSuN
07-21-2003, 04:54 PM
your blog.html must be:

<html>
<head>
<style type="text/css">

BODY {
scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#CC9966;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;}


</style>
</head>

<body bgcolor="#FFFFFF" background="http://www.freewebs.com/metallicsun/images/iframebg.jpg" bgproperties="fixed">
<center>
<Font size=1><Font Face=Verdana>Welcome to Metallic Sun!</center>
<BR>
CHEESE IS GOOD! <BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR>
CHEESE IS GOOD!<BR><BR><BR><br><br>
CHEESE IS GOOD!!
</Font>
</body>
</html>

your test.html page should be:

<html>
<head>
<TITLE>Metallic Sun </TITLE>
</head>

<body bgcolor="FFCC99">
<CENTER><BR><BR><BR>
<IMG SRC=http://www.freewebs.com/metallicsun/images/lay.jpg border="1" bordercolor="black">

<iframe FRAMEBORDER="0" BORDER=0 width=236 height=213 src="http://www.freewebs.com/metallicsun/blog.html"
name=iframe style="position:absolute; left:259; top:87" scrolling=auto style="filter: chroma(#CC9966)"></iframe>
</body>
</html>

see if that works ;) Style codes <style></style> always have to be between the <head> and </head> so does the <title> has to be :)

Love,
Mirna

RCB182
07-21-2003, 05:00 PM
Thanks, but it still isn't working for me :(

Is it for you?

kittycat
07-21-2003, 05:21 PM
<iframe FRAMEBORDER="0" BORDER=0 width=236 height=213 src="http://www.freewebs.com/metallicsun/blog.html"
name=iframe style="position:absolute; left:259; top:87; filter: chroma(color=#CC9966)" scrolling=auto></iframe>

Try that for your iframe code, part of the chroma bit was missing.

MaGiCSuN
07-21-2003, 05:21 PM
i was just going to post it haha, i feel stupid! sorry for giving you the wrong code RCB128!

RCB182
07-21-2003, 05:26 PM
Thanks a lot kittycat :)

no problem Mirna lol, I feel stupid a lot too :) lol