View Full Version : Transparent background and scroll bars


child reject xo
06-23-2004, 10:44 PM
I found this code on this one blog site, and I tried it out, and it's not working. I'm not sure if I put it in the wrong spot or what. This was the code:


<iframe name="iframe" style="border:0px dotted black" width=150 height=150 src="main.htm" style="FILTER: chroma (color=#FFFFFF)"></iframe>

<!--body { scrollbar-base-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #000000; } -->


This is my coding:


<html>
<head>

<title>Darkness For Eternity</title>
</head>
<body>

<p align="center">



<div style="position: absolute; left: 0px; top: 0px">
<img src="avril-layout.jpg">



<link rel="stylesheet" type="text/cs>
<style type="text/css">

<!--body { scrollbar-base-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #000000; } -->

</style>

<div style="position: absolute; left: 0px; top: 0px">
<img src="avril-layout.jpg">



<span style="position: absolute; left: 18; top: 574"<iframe name="iframe" style="border:0px dotted black" width=150 height=150 src="content.html" allowtransparency="true" style="FILTER:chroma(color=D4CBFF);" NORESIZE></iframe>



</p>
</div>
</body>
</html>


What did I do wrong??? Please help!


-- Jess

MaGiCSuN
06-23-2004, 11:04 PM
try this:

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

<!--
body { scrollbar-base-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #000000; margin: 0px; padding: 0px; } -->

</style>
<title>Darkness For Eternity</title>
</head>
<body>

<div style="position: absolute; left: 0px; top: 0px">
<img src="avril-layout.jpg"></div>

<iframe name="iframe" width=150 height=150 src="content.html" allowtransparency="true" style="FILTER:chroma(color=#D4CBFF); position: absolute; left: 18px; top: 574px;" frameborder="0"></iframe>

</body>
</html>


then on the content.html page you put this between the <head> and </head>


<style type="text/css">

<!--
body { scrollbar-base-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #000000; margin: 0px; padding: 0px; background-color: transparent; } -->

</style>


and you fill in for the parts you want to be transparent this code:
#D4CBFF
all other parts that have to be their own color just leave them.

Love,
mirna