Hexagora Forum
Hexagora Forum
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Dynamic HTML Editor
 Dynamic HTML Editor
 Transparent page
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

T00N
Super User

573 Posts

Posted - 24 Jan 2008 :  16:02:34  Show Profile  Visit T00N's Homepage  Reply with Quote
I want to use an iframe to show another page (that I made myself) and I want the background of the page shown to be transparent. Is this possible?

I ask because I just want to show the content (text) of that page.

petran
Super User

Netherlands
345 Posts

Posted - 24 Jan 2008 :  18:09:33  Show Profile  Visit petran's Homepage  Reply with Quote
You can make it work by adding the tag ALLOWTRANSPARENCY to your iFrame, and manually change the backgroundcolor of the page to show in the iFrame to transparent. This works fine in IE and Safari but not in FF or Opera.
I made it once by cutting the background in photoshop, exact on the place were the iFrame is. Then use that cutted piece as background for the file which has to be shown in the iFrame. In page properties choose for "no scroll background" (vaste achtergrond).
Perhaps there is a better way, but not that I know. I would like to here it if there is.

--------

regards

Petran
Go to Top of Page

dbrozi
Novice

4 Posts

Posted - 16 Aug 2009 :  04:15:50  Show Profile  Visit dbrozi's Homepage  Reply with Quote
I found another way to make the iframe transparent.
This link tells you how to do it
http://www.toxiclab.org/tutorial.asp?ID=51

In short, you just need to add
allowtransparency="true"

to the iframe

If you double click on the iframe, it should look something like this

<iframe id="$NAME" name="$NAME" src="$FILE" width="$WIDTH" height="$HEIGHT" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>


Then in the iframe page itself, edit the Main Page settings and select the Scripts/Events tab and under Header Code you enter

<style type="text/css">
Body { Background: transparent; }
</style>

Go to Top of Page

T00N
Super User

573 Posts

Posted - 21 Aug 2009 :  10:41:24  Show Profile  Visit T00N's Homepage  Reply with Quote
Hmmm,

Doesn't work for me, what am I doing wrong?

http://www.toonwebdesign.nl/develop/jks/jks_korte_geschiedenis.html

On the right the smoke sould ne visible under the text, but it isn't.

I added the allowtransparency to the iframe and

<style type="text/css">
Body { Background: transparent; }
</style>

to the masterpage...
Go to Top of Page

T00N
Super User

573 Posts

Posted - 21 Aug 2009 :  10:43:53  Show Profile  Visit T00N's Homepage  Reply with Quote
[2 :-/]

Just answered my own question...

The code has to be on the page where the content of the iframe is.

Sorry and maybe somebody learns from my mistakes :)
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Hexagora Forum © s.dav Go To Top Of Page
Snitz Forums 2000