Log In · Register

 
 
Closed TopicStart new topic
image mapping
xoboikrazi3xo
post Jul 27 2004, 03:24 PM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Mar 2004
Member No: 9,925



how do you do the image mapping thing!? whats that site call againg?
 
MasterNe0
post Jul 27 2004, 03:35 PM
Post #2


Ne0 Is The One
******

Group: Member
Posts: 1,348
Joined: Jun 2004
Member No: 24,349



First u need a picture. And the link is this for image mapping:

http://www.pcoward.com/imagemapper/stage1.asp
 
captivatedheart
post Jul 27 2004, 04:39 PM
Post #3


cheeky
*****

Group: Member
Posts: 537
Joined: Jul 2004
Member No: 34,686



i forgot where i got this tutuorial, and i'm terribly sorry for not crediting the person who made it. please tell me if you do know who wrote up this tutorial! by the way, it only applies to adobe imageready.

+ +

Image Mapping

I don't think Image Mapping can ever go out of style, it's so very useful when making layouts. On the image below, click on one of the names it will take you to other websites, well kiddies this is Image Mapping.

Open up the file you want image mapped in Image Ready.

At the bottom you will find a window with 3 tabs(the imap window) Animation, Image Map and Slice, click on Image Map tab.

Now go to the left hand side and on the TOOL PALETTE, click on the icon 3rd from the top in the 1st column, check the pic below.

Now drag around the area you want to be imapped, view pic below

As soon as your done imapping the first part go to the imap window at the bottom.
In the Name box, give it a name or just leave that blank.
Now in the box that says URL: type the URL that you want what you just imapped to go to (ex: http://you.com).
Next where it says Target: if you need to type the frame name that you want that link to appear in.

Where it says Alt: write the alt tag you want it to say when a mouse hovers over that section on the image (ex: "Me, You, WWW, Clear").

For every image you want to have a link you NEED to repeat these steps.

Now that your all done imapping go to Edit>>Copy HTML Code>>For All Slices.

I know your wondering what happend, what it did was copied the coding to the clipboard, open Notepad (or wherever you write your HTML on) and hit CTRL V (paste).

+ +

by the way, my banner on my xanga uses imagemaps.
 
Caustic
post Jul 27 2004, 04:42 PM
Post #4


rawr
*****

Group: Member
Posts: 906
Joined: Jul 2004
Member No: 26,961



This question has been asked so many times it's not even funny.
 
LatinaLady
post Jul 27 2004, 06:36 PM
Post #5


Look its...
*******

Group: Official Member
Posts: 5,817
Joined: Feb 2004
Member No: 4,767



the tutorial is here http://www.createblog.com/forums/index.php?showtopic=12522

and yea im with you mark. mostly the same questions are asked everyday
 
MasterNe0
post Jul 27 2004, 07:06 PM
Post #6


Ne0 Is The One
******

Group: Member
Posts: 1,348
Joined: Jun 2004
Member No: 24,349



maybe someone should make a pin on this subject so that people can stop asking on where to make it and how.

Just a suggestion.
 
iSTRiP4SNiCKERS
post Jul 28 2004, 07:15 PM
Post #7


Member
**

Group: Member
Posts: 25
Joined: Jul 2004
Member No: 27,970



http://www.createblog.com/forums/index.php?showtopic=12522 No, they don`t need to pin it. They should look more carefully in the Webdesign Chat >> Tutorials. That`s all they need to do!
 
jz1134
post Jul 28 2004, 07:17 PM
Post #8


short one
*****

Group: Member
Posts: 469
Joined: Jun 2004
Member No: 23,284



about the map how do u make it so that wen u hover over it a little box comes up saying wat it is
 
Caustic
post Jul 28 2004, 07:57 PM
Post #9


rawr
*****

Group: Member
Posts: 906
Joined: Jul 2004
Member No: 26,961



QUOTE(jz1134 @ Jul 28 2004, 7:17 PM)
about the map how do u make it so that wen u hover over it a little box comes up saying wat it is

Look at what xx_bebe wrote
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: