So I've made an image map tutorial, since I find image maps so great and that many people don't know how to do them...


This is for a rectangular link!

1) Open up an image program, I prefer Microsoft Paint.
2) Open your image, mine will be this :

3) For a rectangular link, you have to take the left top corner coords, then the opposit one.
To do this, take the rectangular cut tool, and place the cursor on the left top corner.

See the numbers I circled? Note them somewhere.
4) Now do the same with the opposit corner :

Once again, write somewhere the numbers circled (with the comma).
5) Now take this code and edit it
<map name="mymap"> <area shape="rect" coords="first number, second number, fourth number, fifth number" a href="The link where you'd like it to lead" alt="Always put an Alt code (text that comes on hover) in case someone cannot see your image"> </map> <img src="Your layout image url" usemap="#mymap" alt="..." border="0"> <MAP NAME="layout"> <AREA SHAPE="rect" COORDS="fourth number,fifith number" HREF="The link where you'd like it to lead" ALT="Always put an Alt code (text that comes on hover) in case someone cannot see the image."> </MAP>

6) Finished! If it doesn't work, you can email me at bristait@gmail.com!


I will do the tutorials for the polygone and circular maps later!