Home
Site
Graphics
Myspace
Tutorials
Downloads
PSDs
Generators

Image Mapping

Please Read
1. Please do not edit or redistribute this tutorial. We take our time to make these and would like credit for them.
2. A link back to Saruna.Net is required. Our buttons are located on the "Site" navigation.
This tutorial is written by: Liz


Open up your image. Once you are done with that click on or go to [File>> Export>> Image Mapper]

These two tools are the main tools you will use to select the areas you want to image map. The first button allows you to select the area freely and the second one in a square or rectangular shape. The tool you use depends on the shape you want to use so either one will do.


Once you select the image map parts, each one should look something similar to my settings.

In the URL part you put the url of the page you want it to be linked to.

The ALT text is just what you want to be displayed once people place the mouse over the image.

The target has to be the same name that you have on the link targets. For example, if my links code looks like this

the target should be _top. If you do not use any targets, then leave it blank.

Once you are done with that, click on this icon

A internet page should appear with the image you want to be image mapped. Now just simply right click somewhere that's blank around the image and click on view source. Cut the code and paste it on your site. Now, you're done! :)



© Saruna.Net 2006-2009Our HostContact Us

On: 7 Guests,
GabiVisit
Awww, what a cute dog! I love Yorkies, but...
EllenVisit
Aaah such a cute dog :3: I’m afraid...
HTCpersonVisit
Wait I know the dog’s name is JUICY...

Designers


001. Liz

Portfolio


001. Liset Alanis Designs

Affiliates


001. Scene Lyts
003. OutspokenKate
003. Pastelsmash
005. Allure Des
007. Elleaye

002. Ego Box
004. Atomic Aff
006. Aerocharm
008. LovecoreDesigns
010. SmileyHelper
[ More/Apply? ]