//hey
wow i think ur really talented and i luvv ur layout. i have Photoshop 7.0 /Imageready and I usually use it for my layout.
First, I make my image in Photoshop and then i transfer it to Imageready. There, I slice it. Make sure you make a slice out of your content area. later on, we will make this an iframe so this is important.
When you are done slicing, go to File>Save Optimized As.... when you get there, name your file (in our example we'll save it as astray) and save it as "html and images (*html)". When you do this it creates an html file for you (in our case astray.html) and it saves your slices in a folder called "images" (in our example they will be called astray_01.gif, astray_02.gif etc etc).
once you have done this, go to ur server (in ur case geocities) and upload all the slices and the html document. open up the html document, it will look something like this:
<HTML>
<HEAD>
<TITLE>layout</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (layout.png) -->
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/ts2_01.gif" WIDTH=224 HEIGHT=38 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/ts2_02.gif" WIDTH=576 HEIGHT=86 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=38 ALT=""></TD>
now we are going to set up a homepage for you.make a document called home.html. Now go to astray.html (or the html document named after your layout by Imageready), go to the slice where you want your content to be located. this might be right underneath your navigation bar. it could be called astray_06.gif. what ur going to do is replace this( its just an example):
<TD ROWSPAN=5>
<IMG SRC="images/astray_06.gif" WIDTH=?HEIGHT=? ALT=""></TD>
with this:
<TD ROWSPAN=4>
<IFRAME name="content" src="http://www.geocities.com/astray_05/home.html" width=? height=? marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=yes style="FILTER: chroma(color=#ff0000)" allowtransparency="true"></IFRAME></TD>
What the code means
Iframe name: this means the name of the iframe. if you want to link another page to this iframe you will use its name. for example:
<a href="mylinks.html" target="content">
src: this is the source of your homepage. in your case, home.html
width, height: make this the EXACT dimensions of the slice you just removed.
scrolling: choose yes, no or auto.
The Rest: dont worry about it.
fore more info on iframes, check out the iframes section of lissaexplains.com (http://www.lissaexplains.com)
after you are done this, preview your page. it should be ok.
*NOTE: make sure that in your html document with the tables, the slices are linked properly. for example, on geocities if you put your slices in a folder called "slices" you should change all your IMG SRC tags to "slices/astray_01.gif" instead of "images/astray_01.gif". if you put it in no folders at all, remove the "images" and make it just <IMG SRC="astray_01.gif">
if you have any questions, you can email me (curli_top@tropicalshortee.tk) and i'll reply asap. or you can reply on this thread but i might forget to reply. hope i helped.
luvv,
cyberhottie.<3