Iframes

Step One: Getting Ready
Iframes are what most people use for layouts. In this tutorial I will be explaining how to position an Iframe in a layout. You must have at least one form of psp, and the ability to know html or php. Open up your image/layout in a psp program. Here's my example.

Step Two: Knowing Your Co-ordinates
On the bottom-left you should see something similar to this(ignore the numbers you see):

measure the exact position of the iframe, to do this we will use the crop tool .Use the crop tool, now start from the top left of the frame to the bottom right of the frame like the image below.

Step Three: Getting Your Co-ordinates
Now hold your mouse in that postion without lifting a finger do a print screen that button can be found next to F12 on your computer. PrintScreen/SysRq.Paste the screen print you did by right clicking and choosing "paste as new image".

See how I have squared the area with all the numbers. that is where the measurements for your iframe is.These numbers appear when you crop. They appear in the bottom left hand corner of the program. Now see what's in green? That is the width and the height.
width=168 & height=215

You now need to position the Iframe in the right place. Look at the co-ordinates See where the two 14's are. Well the first 14.

That is how far from the top it is. The second 14 is how far from the left it is.

Now write down your co-ordinates in notepad on your computer or on paper. Width=168
Height=215
Top=14
Left=14

Step Four: Coding
Now we need a code for our iframe. Copy and Paste the code in the textarea below into notepad

You will also notice this in your code:

<iframe src="URL.html" name="main" width="HERE" height="HERE" frameborder=0> </iframe>
Fill that in with your own information.

Save the notepad info you have opened after you have filled in all of your co-ordinates. Now upload it as iframe.html or something to your server. You should now have an iframed image. It will look something like this.

Click Here For A Preview Of the Finished Version