Image-Mapping

Ever see those cool looking layouts where you can click on the images to navigate? Want to learn how to make one, well, here we go:
This little tutorial is on how to do image mapping using Paint.

Obviously, you can make your layout using any shape, so I'm going to use a square like shape.
If you want, you can use my example layout to learn on, but please do not redistribute any part of the layout or this tutorial.

Below is the layout I will be image mapping.


Step 1: First open up the layout image into Paint. Take your Magnifier tool to zoom in.

Step 2: Now using the selection tool () and start from the starting point. Click Here
Holding the select tool at starting point, look at the status bar for two coordinates for the first part, mine are 21,169. You will need these for a little later.

Step 3: Now with the select tool hold it over to the bottom right corner. Click Here
Looking at the status bar again you will see the second part of the coordinates, mine are 122,204. These numbers will be put with the first part getting: 21,169,122,204.

Step 4: Repeat step 2 and 3 for the rest of the navigation.
By doing that you should get: 21,152,122,187 for 'site' and 21,208,122,243 for 'visitor'.

Step 5: Place the code below in body.
Replace the numbers below with the ones you got in step 3 and 4.

If you used my layout as practice, you should get this:

Don't forget to about your frame, which check out I-frames to get the code.
Once you are done your layout should look like this: Click Here
If you still need help, please don't hesitate to email at breakableme@hotmail.com or tag me.

If this helped, a link back is required.