Iframe & image to the front..

[dxflw]

i want to add a iframe code to the forumhome but if the iframe website is loaded i to see a image to the front of the website..
How do i that?

i.e.:

<IFRAME name="box" src="http://google.com" scrolling="auto" width="800" height="400"> <p>Your browser doesn't support frames. Click <a href="http://google.com" target="_blank">here</a> to view the page.</p> </IFRAME>

[UKBusinessLive]

Originally Posted by dxflw

i want to add a iframe code to the forumhome but if the iframe website is loaded i to see a image to the front of the website..
How do i that?

i.e.:

<IFRAME name="box" src="http://google.com" scrolling="auto" width="800" height="400"> <p>Your browser doesn't support frames. Click <a href="http://google.com" target="_blank">here</a> to view the page.</p> </IFRAME>

You mean something like this

<DIV ALIGN=CENTER>
<IFRAME name=stbbox src="http://google.com" width="100%" height="200">
<p>Your browser doesn't support frames. Click <a href="http://www.ukbusinesslive.co.uk/forum/index.php" target="_blank">here</a> to view the page.</p>
</IFRAME>
</DIV>

and you can find the whole hack here

https://vborg.vbsupport.ru/showthread.php?t=204808

hope that helps

[dxflw]

Yes but i want to see a ustom image front.
I.E. if the webiste from the iframe is loaded then i want to have a image to the top of the iframe to hide something from the site.

[UKBusinessLive]

Originally Posted by dxflw

Yes but i want to see a ustom image front.
I.E. if the webiste from the iframe is loaded then i want to have a image to the top of the iframe to hide something from the site.

What you want is an image to sit ontop of the Iframe at x pixels by x pixels to hide some content of the iframe site??? Like a censor or unregistered members??

You could, I suppose, absolutely position a DIV Layer over the top of the iframe.

<div style="background: #000000; position:absolute; left: 0px; top: 0px; width:100%; height:20%;"></div>

That stretches all the way along the page, and the height is 20% of the page. You should get the height of the iframe from the source code and use that as the height of the DIV Layer.

[dxflw]

Look at the image and i think you will understand what i mean:

[UKBusinessLive]

Thanks buddy

Instead of having a bar across the width of the iframe you could change the background color for an image

so the code would be like this

<div style="background: #000000; position:absolute; left: 0px; top: 0px; width:100%; height:20%;"></div>

find this

"background: #000000;

and change the hex color #000000 for an image

i.e.

"background: Image.gif;

The only thing you'll need to do is to make sure the image is as wide as the i frame and as high as you need it, theres nothing worst than a stretched image appearing distorted.

Good luck

[dxflw]

You are welcome UKBusinessLive , but this will be out of the iframe..
I want to have the image inside in the iframe ike in the previous image i explane..
Is that possible?

[UKBusinessLive]

Originally Posted by dxflw

You are welcome UKBusinessLive , but this will be out of the iframe..
I want to have the image inside in the iframe ike in the previous image i explane..
Is that possible?

You need to adjust the pixcel positions and the height and width of the image too

absolute; left: 0px; top: 0px; width:100%; height:20%

That should add the image where you want it within the iframe