Help - Search - Members - Calendar
Full Version: HELP WITH IMAGE MAPPING
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
stylinjoe
Dec 20 2007, 10:23 PM
NAVIGATION

i basically tried everything and no luck

i tried alot of coding and still cant get them 2 work

when i go to test them out its not clickable at all

can you please help =/

http://profile.myspace.com/index.cfm?fusea...5c-d2722dcbbdd6

CODE
<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>


<style type=text/css>

body {
background-color: a30c11;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:8b7e59;
scrollbar-track-color: 695b35;
scrollbar-shadow-color: white;
scrollbar-face-color:695b35;
scrollbar-highlight-color:8b7e59;
scrollbar-darkshadow-color:white;
scrollbar-3dlight-color:white;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{about me/nav}
{
border: none; border-color: none; background-color: transparent;}
.header {display: block; visibility: visible; font-family: "times"; color: a30c11; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 2px solid; border-color:a30c11; background:url() right center no-repeat; }
table table table {
border: 0px solid; border-color:000000; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
border: none; border-color: none;}
.link:hover{display:block; background:url() right center no-repeat; text-align:left; background-color:transparent; height:16px; padding-top:2px; z-index:6}
a:active,a:visited,a:link,a{
padding:1px;
color:white;
font-size:5px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:0px;
font-family:georgia;
text-decoration:none;
text-transform:lowercase;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
padding:3px;
color:white;
font-size:6pt;
display:block;
margin-top:1px;
cursor:default;
border-top:1px solid;
border-top-color:white;
border-bottom:1px solid;
border-bottom-color:white;
border-right:1px solid;
border-right-color:white;
border-left:1px solid;
border-left-color:white;
text-indent:5px;
text-align:left;
font-weight:normal;
letter-spacing:0px;
font-family:small fonts;
text-decoration:none;
text-transform:uppercase;
background-color:8b7e59;
}
a.navigate:hover{
padding:3px;
color:695b35;
font-size:5pt;
display:block;
margin-top:1px;
cursor:default;
border-top:1px solid;
border-top-color:white;
border-bottom:1px solid;
border-bottom-color:white;
border-right:1px solid;
border-right-color:white;
border-left:1px solid;
border-left-color:white;
text-indent:5px;
text-align:right;
font-weight:normal;
letter-spacing:0px;
font-family:small fonts;
text-decoration:none;
text-transform:uppercase;
background-color:8b7e59;
}
</style>

</style>



CODE
<div class="bg" style="position: absolute; left:3px; top:120px; width:1000px; height:800px; overflow: hidden;">
<img src="http://img443.imageshack.us/img443/3601/graffitidn7.jpg">
</div>



<area shape="rect" alt="home" coords="55,47,128,82 " href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">



</map>
</div>



<div class="About_Me" style="position: absolute; left:610px; top:420px; width:251px; height:452px; overflow: auto;">

<br> <span class="header">INFO</span> </br>
..
<strong>Name:</strong> Name Here<br>
<strong>Age:</strong> Age Here<br>
<strong>Gender:</strong> Gender HERE<br>
<strong>Status:</strong> Single or Taken<br>
<strong>Here For:</strong> Friends?<br>
<strong>Orientation:</strong> Orientation<br>
<strong>Ethnicity:</strong> Ethnicity<br>
<strong>Hobby:</strong> Hobby Here<br>
<strong>Movie:</strong> Favorite Movie<br>
<strong>Song:</strong> Favorite Song <br>
<strong>Current Song:</strong> Current Song <br><br>



<br> <span class="header">ABOUT ME</span> </br>
EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE EDIT HERE
<br><br>


<br> <span class="header">GRAFFITI OF THE DAY</span> </br>
PIC IMAGE HERE PIC IMAGE HEREPIC IMAGE HERE
PIC IMAGE HERE PIC IMAGE HERE PIC IMAGE HERE

<br> <span class="header">COMMENT ME</span> </br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXX" type="hidden"><textarea name="f_comments" style="width: 255; height: 35px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">GOSH YOUR AWESOME!! </textarea>
<br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="RESET" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" type="reset"></form>


<br> <span class="header">FRIENDS</span> </br>
<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>

</div>
MissHygienic
Dec 20 2007, 10:29 PM
They're not clickable because you didn't even put your friends' links in the image map?

CODE
<A HREF="FRIEND URL HERE"><img src="http://cbimg6.com/layouts/07/11/24/23383ac.gif"></A>
stylinjoe
Dec 20 2007, 11:17 PM
sry i forgot to add that its for navagation
S-Majere
Dec 21 2007, 06:54 PM
This looks like it's been resolved from looking at your Myspace page.
MissHygienic
Dec 21 2007, 06:58 PM
Yes, we fixed it over PM, so you can can close this.
S-Majere
Dec 21 2007, 07:01 PM
Wicked.

Topic Closed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.