Image Map just using Firefox.
Click on thumbnailed images to enlarge
You have to have Firefox for this to work.
1. Go Here and download the Add On >> Click
2. Make your image.
I'll be using this.
3. Prepare your coding.
Coding doesn't show up in Tutorials, so I put both codes here.
4. Upload your image
Myspace - Photobucket or TinyPic.
Website - Your Server
5. Get your Coordinates.
- go to your image, get it in full size.
- Make an imaginary box in your head start from the corner of the image and put the arrow on the top left corner, then copy the two numbers
- Do it again, but with the bottom right corner.
Now take those numbers and put them in place of the XX's.
Replace the links with the URL's if you haven't already.
Then you're done.
Oh and some people have been getting a blue border around the image, just but a "border=0" in the URL code for the image.
Showing latest 10 of 15 comments
omfg i love you...srsly. thank you!!
wait how do I put the text
Okay I got it from there but does the second time you get the numbers does it have to have all the XX's or do you just do what the numbers give you?
just a quick question
how do i find the coordinates of the area?
hey! this is a great tutorial but i have two questions..
1)what coordinates do i put in " < div class="temp" style="position: absolute; top: XXpx; left:XXpx; > " ?
2) where in myspace do i put this code? about me or whod i like to meet?
if one download it then would it still work if you were to use another internet browser?
Yeah how do you get rid of the blue line?
This was a really helpful guide, but for some reason my image has a blue boarder around it. What did I do wrong/how do I get rid of it?
I love you for making this tutorial!
I've been wanting to learn how to make one of these for like, EVER!
this is very helpful and I understood everything.
Even when I'm very tired. =/
can anybody help me out on step 5