PDA

View Full Version : Iframe & image to the front..

dxflw
05-05-2009, 07:55 PM
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
05-05-2009, 08:06 PM
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
05-05-2009, 08:12 PM
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
05-05-2009, 08:15 PM
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
05-05-2009, 08:22 PM
Look at the image and i think you will understand what i mean:

https://vborg.vbsupport.ru/attachment.php?attachmentid=98715&stc=1&d=1241558564
UKBusinessLive
05-05-2009, 08:34 PM
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
05-05-2009, 08:41 PM
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
05-05-2009, 09:00 PM
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