View Full Version : iframes with a background image and html


spikeanddru
10-13-2003, 08:19 PM
Hey people! im a little bit confoosed! I wanna use the same layout/frame like this person: Click here (http://www.geocities.com/alyhangout/open.html) i tried the whole veiw source thing but it didnt work (well it did for everything i didnt want!) i want to be able to have a area which i can edit text and put links and images in and will hav a background. For now im using a textarea (my site is http://www.freewebs.com/james_marsters) Pleez help!
thanks a bunch!

MaGiCSuN
10-13-2003, 08:33 PM
you could use an iframe like you allready said in your title from this thread :)

replace the <textarea> code with this:

<iframe height="400" width="500" frameborder="0" src="iframe.html" name="iframe"></iframe>

now you make a new page called iframe.html and you add this to the page:

<html>
<head>
<style type="text/css">
<!--
body { background-image: url(http://www.freewebs.com/loser19870/box.jpg); background-repeat: no-repeat; color:Gold; font-size:9pt; font-family: verdana; }
-->
</style>
</head>
<body>
<br>
To everyone who watched the premiere episode of “Angel”,<br><br>

I just wanted to thank everyone who tuned in to watch the first episode of “Angel”.I know that the first episode was a bit of a tease, with Spike not arriving until the very last second, but I can promise you that in future episodes you’ll be seeing a lot more of him.I’m having a great time continuing to bring Spike to life (no puns intended!) and just wanted to thank everyone for their loyalty and support.<br><Br>

James Marsters<Br>
Aka SPIKE
</body>
</html>

and then your index.html page will be:

<html>
<head>
<title> YOUR TITLE HERE </title>
</head>
<body background="http://www.freewebs.com/loser19870/plainback.jpg">
<BR><BR><BR><BR><BR><BR><BR><center><font size=4>[Home]</center>
<a href=http://www.freewebs.com/james_marsters/index.htm target="iframe">
Home</a>
<a href=http://www.freewebs.com/james_marsters/News.htm target="iframe">
News</a>
<a href=http://www.freewebs.com/james_marsters/downloads.htm target="iframe">
Downloads</a>

<center>
<iframe height="400" width="500" frameborder="0" src="iframe.html" name="iframe"></iframe>
</center>

<!-- Start Bravenet.com Service Code -->
<div align="center"><a href="javascript:void(0)"
onclick="window.open('http://pub34.bravenet.com/guestmap/show.php?usernum=2882579691&lightmap=0&icons=0&&entrylist=0&zoom=0&welcome=1','bnetguestmap','toolbar=0,location=0,di rectories=0,status=0,menubar=0,scrollbars=0,resiza ble=0,width=720,height=470,top=110,left=110')">
<img src="http://images.bravenet.com/bravenet/images/guestmap/copypaste/1_1.gif" border="0" title="Free Guestmap from Bravenet" alt="Free Guestmap from Bravenet" /></a>
<br />
<a style="font: bold 10px tahoma,arial; text-decoration: none;"
href="http://www.bravenet.com" target="_new">
powered&nbsp;by&nbsp;<img src="http://images.bravenet.com/bravenet/images/poweredby.gif"
border="0" align="absmiddle" alt="Powered by Bravenet" />&nbsp;bravenet.com</a>
</div>
<!-- End Bravenet.com Service Code -->


<IMG src="http://counters.freewebs.com/Members/Counters/counter.jsp?userid=2122886&name=counter">

</body>
</html>

i fixed up your coding a bit. This is just a basic example. Also the height of the iframe might be a little smaller then the graphic. Just change the height till it fits good

i added target="iframe" to the links so that they open inside the iframe. the target name should always match the name="iframe" from the <iframe> tag :)

Love,
Mirna

spikeanddru
10-14-2003, 05:34 PM
THANKS A BUNCH! UR A PEACH! lol!