Log In · Register

 
HOW TO DO THIS!??!?!!??
svobodenagent
post Oct 22 2008, 07:08 AM
Post #1


Newbie
*

Group: Member
Posts: 5
Joined: Oct 2008
Member No: 692,876



I've hidden my contact table and I want to put on its place my custom navigation (a picture made in Photoshop with mapping for links). Tell me how to form the code. I want the navigation to be above the music player.

I found codes about putting an image instead of Contact Table or URL Box ...but in these codes I can not put the mapping of the image.

Thank you in advance
 
 
Start new topic
Replies
Mickey
post Oct 22 2008, 04:56 PM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Since you've hidden it, add spacing where it used to be by moving down the music player and your Interests/Details section. Then, just place a DIV where the contact table used to be. Inside that DIV, place your image with its proper image links. Here's a rough look of how that code should come out:

CODE
<div style="position:absolute; top:500px; left:50%; margin-left:-400px;">
<img name="newcontacttable" src="URL OF IMAGE" border="0" usemap="#newcontacttable" alt="" />

<map name="newcontacttable">
<area shape="rect" coords="COORDINATIONS" href="LINK" alt="DESCRIPTION" />
<area shape="rect" coords="COORDINATIONS" href="LINK" alt="DESCRIPTION" />
<area shape="rect" coords="COORDINATIONS" href="LINK" alt="DESCRIPTION" />
<area shape="rect" coords="COORDINATIONS" href="LINK" alt="DESCRIPTION" />
<area shape="rect" coords="COORDINATIONS" href="LINK" alt="DESCRIPTION" />
</map>
</div>

All you need to do is play around with the positioning of the DIV (top part of the code) and replace everything in all caps with what's needed. To learn about image mapping, check out this tutorial.
 

Posts in this topic


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