Page 1 of 1

iFrame transparency?

Posted: Fri Apr 07, 2006 2:59 am
by Impertinence
Hopefully someone can help me out with this. I'm attempting to place an iframe in a page and make both the frame and the scrollbar transparent. The problem is that when I do so, the text becomes shadowy and almost impossible to read, like the text on this site: http://nadine.fan-arts.net/lits/main.html. Is there a way to make both the scrollbar and the iframe background transparent without this effect?

Posted: Fri Apr 07, 2006 2:22 pm
by jasondsouza
you want the text to look more bold.
right

Posted: Fri Apr 07, 2006 2:47 pm
by Impertinence
Actually, I'd like to it look less bold. Is there any way to make the text just normal? (There seem to be two layers of text and it is a big WTF? for me right now)

Posted: Fri Apr 07, 2006 2:50 pm
by jasondsouza
make it bold and see how it looks

Posted: Fri Apr 07, 2006 2:53 pm
by Impertinence
Thanks, I'll try that.

Posted: Fri Apr 07, 2006 6:24 pm
by Lixas
here is the suggestion:

create a file named after "mystyle.css" with provided code:

Code: Select all

background-color: transparent;

scrollbar-face-color:ffffff; 
scrollbar-shadow-color:AFC3C3;
scrollbar-highlight-color:AFC3C3;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:AFC3C3;
scrollbar-track-color:ffffff; 
scrollbar-arrow-color:91abab;
and in your page add such line:
<link rel="stylesheet" type="text/css" href="mystyle.css">
like in this:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
Your pages source here
</body>
</html>
P.S. this not works for firefox browsers, firefox does not support scroolbar styles

Hope this works :) post here a cooment if it's works

Posted: Fri Apr 07, 2006 11:17 pm
by Impertinence
Thank you! Yes, I know that Firefox doesn't do scrollbar customization. Eventually I just scrapped the whole idea and designed it differently. *g* The problem was the background image but it's fixed. Thanks again for the suggestion!