HOW TO DO THIS!??!?!!?? |
![]() ![]() |
HOW TO DO THIS!??!?!!?? |
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 |
|
|
|
Oct 22 2008, 04:56 PM
Post
#2
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,749 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. |
|
|
|
Oct 22 2008, 04:56 PM
Post
#3
|
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Oct 2008 Member No: 692,876 |
can I put some addition content between contact table and the url box or between the url box and music player.
|
|
|
|
Oct 22 2008, 05:00 PM
Post
#4
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,749 Joined: Oct 2005 Member No: 281,127 |
Topics merged. Since you're technically asking the same question on two topics, I merged them together. You just have to wait. Someone will help you out eventually. I think my post above is what you're looking for.
|
|
|
|
Oct 22 2008, 05:03 PM
Post
#5
|
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Oct 2008 Member No: 692,876 |
thank you for the answer, I'll try to make it out of the code you gave me.
|
|
|
|
Oct 22 2008, 05:09 PM
Post
#6
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,749 Joined: Oct 2005 Member No: 281,127 |
No problem.
|
|
|
|
Oct 22 2008, 05:53 PM
Post
#7
|
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Oct 2008 Member No: 692,876 |
i did it ...but the image appeared over my URL Box ...how to do the spacing. because removing my contact table it seems everything moved up ....and there is no space
what is the code for spacing?!??!?! |
|
|
|
Oct 22 2008, 05:59 PM
Post
#8
|
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Oct 2008 Member No: 692,876 |
OK I did it...with a simple code
.userProfileURL { margin-top:45px;} and worked |
|
|
|
Oct 23 2008, 12:37 PM
Post
#9
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,749 Joined: Oct 2005 Member No: 281,127 |
Alright, topic closed & moved.
|
|
|
|
![]() ![]() |