Map various images Options

[foxdanger]

How can i map my images in myspace?

I need put some links in parts of the images...

An example... Look the part: "Thanks for Brushes"

Its one image, i want put 6 link's ( one for each site ) in this image... how can i made this?


:D


BIO SECTION CODE:

CODE

<i class=i>!START code in Influences !</i><i class=i>!START Style Block For Hiding Elements on Band Page!<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a></i><style>.i {display:none}{! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;}table td img {display:none;}{! restore any images displayed inside our div.  You may want to use block instead of inline for some images. !}table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;}{!OPTIONAL restore image on maroon nav bar, we could  use a.navbar  img!}div table td a.navbar img {display:block;}{! removes most content and the space it occupied !}table table table {display:none}{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}table table td { height:0px; margin:0px; padding:0px;}{! restore my div. !}table div.myCoreDiv {display:block;}{! restore div with Comments !}table div.myCoreDiv div.myDclassFC {display:block;}table div.myCoreDiv div {display:block;}{! for those who want to move the div up BEHIND the ad banner !}div {position:relative; z-index:9}div.myCoreDiv, div.myCoreDiv div {z-index:0}table table br {display:none;}table table table br {display:block;}{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}{! does not work in Safari !}table div br {line-height:4px;}{! reverse effect on custom div !}table div.myCoreDiv br {line-height:11px;}{! remove default background coloring !}table table, tr, td {background-color:transparent !important}{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}table {background-color:transparent !important}div table {border-bottom:none !important;}{! ADDITIONAL STYLE BLOCKS GO HERE !}</style><i class=i>!End code in Influences !</i>

<style type=text/css>
body.bodyContent {margin-top:910px !important;}
body {
color: ffffff;
background-color: 000000;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 666666;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:666666;
scrollbar-3dlight-color:000000;
overflow-x: hidden;
}
</style>

<style>
body,table, td, li, p, div, textarea  
{font:normal 12px trebuchet; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:18px;}

.text {font:normal 12px trebuchet; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:20px;}    
  
.blacktext10{font-family: trebuchet; font-size:12px;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
  
a:link, a.man{font-family:trebuchet; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: capatalize; letter-spacing: 0px;}  
a:active{font-family:trebuchet; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: capatalize;}  
a:visited{font-family:trebuchet; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: capatalize;}
a:hover{font-family:trebuchet; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: capatalize;}

.standard b, p b, B, strong {
font-family:trebuchet; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: capitalize; }
}
</style>

MEMBERS AREA CODE:

CODE

<i class=i>!--START CODE IN BAND MEMBERS --!</i><i class=i>!-Start Div Overlay Content Block-!<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">myspace code tutorials by Eileen</a>!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.</i></td></tr></table></td></tr></table></td></tr></table><i class=i>!----PUT TOP BANNER CODE HERE----!</i><i class=i>!----END TOP BANNER CODE--!</i><i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i><div class="myCoreDiv" style="position:absolute; top:0px; width:900px; height:1000px; border:0;"> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i>


<style type="text/css">
div.topbanner {
   top: 0px;
   margin-left: -1270px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.bannerintegrantes {
   top: 1100px;
   margin-left: -1080px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.aboutenkorebanner {
   top: 1948px;
   margin-left: -825px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.aboutenkore {
   top: 2000px;
   margin-left: -720px;
   width: 510px;
   height: 440px;
   position: absolute;
   text-align: left;
   overflow: auto;
}

div.enkorelinksbanner {
   top: 2470px;
   margin-left: -825px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.outroscreditos {
   top: 2520px;
   margin-left: -915px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.creditosbrushes {
   top: 2633px;
   margin-left: -915px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorediscographybanner {
   top: 2829px;
   margin-left: -825px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorediscography {
   top: 2889px;
   margin-left: -915px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkoremembersbanner{
   top: 1520px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.andre{
   top: 1570px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.vitor{
   top: 1830px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.guto{
   top: 2090px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.grunge{
   top: 2350px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.tulio{
   top: 2610px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorecontactbanner {
   top: 2870px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorecontact{
   top: 2920px;
   margin-left: -1084px;
   width: 315px;
   height: 210px;
   position: absolute;
   text-align: center;
   overflow: auto;
}

div.playerbg{
   top: 1520px;
   margin-left: -918px;
   width: 100%;
   height: 100%;
   position: absolute;
}
</style>

<div class="topbanner">
<img src="http://www.enkorerock.com/myspace/topbanner.jpg" border="0" alt="ENKORE" /><br />
</div>

<div class="bannerintegrantes ">
<img src="http://www.enkorerock.com/myspace/bannerintegrantes.jpg" border="0" alt="ENKORE" /><br />
</div>

<div class="aboutenkorebanner">
<img src="http://www.enkorerock.com/myspace/aboutenkore.jpg" border="0" alt="Release" /><br />
</div>

<div class="aboutenkore">
A banda EnKore, formada no iníco de 2006, possuia em sua formação original, Vi na guitarra e voz, Deb Dillan também guitarra e voz, Leo de Paula no baixo e Tulio Lopes na bateria. Tinham como objetivo inicial divulgar as suas músicas próprias no cenário undergorund. Durante 2 anos a banda lançou algumas músicas e realizou alguns shows, até mesmo fora da cidade.<br><br>Mas algo estava faltando... Era preciso amadurecer. A antiga formação não estava mais funcionando e um passo muito difícil teve que ser dado. Um fim parecia próximo, mas nesta vida é importante saber superar as dificuldades (que são muitas) para poder chegar a algum lugar. Deb e Leo deixam a banda e assim Vi e Tulio resolvem procurar novos integrantes, mas com isso buscar também uma nova imagem para a banda.<br><br>A grande trasnformação estava próxima. No início de 2008 Vi e Tulio juntam-se ao baixista Gabriel e o guitarrista Guto. Parecia que estavam prontos, mas ainda faltava algo. Numa noite, um recado de alguém em uma comunidade do orkut chama a atenção de Vi. Era isso que faltava! Alguém que pudesse trazer para a banda vocais berrados e agressivos para complementar os vocais melódicos de Vi e Guto. Assim, Deco é convidado a realizar um ensaio teste com a banda, onde tudo sairia como o esperado. Finalmente a banda se encontra completa, como todos membros bem entrosados e prontos para um novo início.<br><br>Nova formação, novas músicas, novos objetivos... Uma nova banda! Agora com um som bem mais agressivo, vocais melódicos e berrados trazendo uma nova roupagem para a banda, a Enkore procura gravar seu primeiro CD e seguir trilhando a difícil estrada do sucesso.
<br />
</div>

<div class="enkorelinksbanner">
<img src="http://www.enkorerock.com/myspace/enkorelinks.jpg" border="0" alt="Link's" /><br />
</div>

<div class="outroscreditos">
<img src="http://www.enkorerock.com/myspace/outroscreditos.jpg" border="0" alt="Obrigado!" /><br />
</div>

<div class="creditosbrushes">
<img src="http://www.enkorerock.com/myspace/creditosbrushes.jpg" border="0" alt="Obrigado pelos Brushes" /><br />
</div>

<div class="enkorediscographybanner">
<img src="http://www.enkorerock.com/myspace/enkorediscography.jpg" border="0" alt="Discografia" /><br />
</div>

<div class="enkorediscography">
<img src="http://www.enkorerock.com/myspace/comingsoon.jpg" border="0" alt="Em breve..." /><br />
</div>

<div class="enkoremembersbanner">
<img src="http://www.enkorerock.com/myspace/enkoremembers.jpg" border="0" alt="Membros" /><br />
</div>

<div class="andre">
<img src="http://www.enkorerock.com/myspace/andre3.jpg" border="0" alt="André e Voz" /><br />
</div>

<div class="vitor">
<img src="http://www.enkorerock.com/myspace/vitor1.jpg" border="0" alt="Vi - Guitarra e Voz" /><br />
</div>

<div class="guto">
<img src="http://www.enkorerock.com/myspace/guto1.jpg" border="0" alt="Guto - Guitarra e Voz" /><br />
</div>

<div class="grunge">
<img src="http://www.enkorerock.com/myspace/grunge1.jpg" border="0" alt="Grunge - Baixo" /><br />
</div>

<div class="tulio">
<img src="http://www.enkorerock.com/myspace/tulio1.jpg" border="0" alt="Tulio - Bateria" /><br />
</div>

<div class="enkorecontactbanner">
<img src="http://www.enkorerock.com/myspace/enkorecontact.jpg" border="0" alt="Contato" /><br />
</div>

<div class="enkorecontact">
..:: E-MAIL ::..<br><br>
enkore@enkorerock.com<br><br>
..:: PHONE's ::..<br><br>
(21)2722-8075<br>
(21)9333-6254<br>
(21)9846-1872<br>
(21)9485-6018<br><br>
..:: PROFILE LAYOUT DESIG BY ::..<br>
AR - Soluções Tecnológicas
<br />
</div>

<div class="playerbg">
<img src="http://www.enkorerock.com/myspace/playerbg.jpg" border="0" alt="Músicas" /><br />
</div>



<style type="text/css">
object {position:relative; top:1555; left:-477;}
</style>

<i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i><i class=i>!-Open 3 layers of table/row/cell-!</i><i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i><table class="L1" ><tr><td><i class=i>!-The below class i hides the remainder of the general table-!</i><table class="i"><tr><td><table class="i"><tr><td><style>.i {display:none}</style><i class=i>END CODE IN BAND MEMBERS</i>

[tokyo-rose]

There are some tutorials for that here.

[foxdanger]

I made this on the code, like tutorial said... AND NOTHING... What i do wrong?

Look for the div class="creditosbrushes" on the code... why in the site the area shapes not working?


http://www.myspace.com/enkore

CODE

<i class=i>!--START CODE IN BAND MEMBERS --!</i><i class=i>!-Start Div Overlay Content Block-!<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">myspace code tutorials by Eileen</a>!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.</i></td></tr></table></td></tr></table></td></tr></table><i class=i>!----PUT TOP BANNER CODE HERE----!</i><i class=i>!----END TOP BANNER CODE--!</i><i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i><div class="myCoreDiv" style="position:absolute; top:0px; width:900px; height:1000px; border:0;"> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i>


<style type="text/css">
div.topbanner {
   top: 0px;
   margin-left: -1270px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.bannerintegrantes {
   top: 1100px;
   margin-left: -1080px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.aboutenkorebanner {
   top: 1948px;
   margin-left: -825px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.aboutenkore {
   top: 2000px;
   margin-left: -720px;
   width: 510px;
   height: 440px;
   position: absolute;
   text-align: left;
   overflow: auto;
}

div.enkorediscographybanner {
   top: 2470px;
   margin-left: -825px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorediscography {
   top: 2530px;
   margin-left: -915px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkoremembersbanner{
   top: 1520px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.andre{
   top: 1570px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.vitor{
   top: 1830px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.guto{
   top: 2090px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.grunge{
   top: 2350px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.tulio{
   top: 2610px;
   margin-left: -1370px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorecontactbanner {
   top: 2870px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.enkorecontact{
   top: 2920px;
   margin-left: -1084px;
   width: 315px;
   height: 260px;
   position: absolute;
   text-align: center;
   overflow: auto;
}

div.enkorelinksbanner {
   top: 3190px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.outroscreditos {
   top: 3250px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.creditosbrushes {
   top: 3365px;
   margin-left: -1375px;
   width: 100%;
   height: 100%;
   position: absolute;
}

div.playerbg{
   top: 1520px;
   margin-left: -918px;
   width: 100%;
   height: 100%;
   position: absolute;
}
</style>

<div class="topbanner">
<img src="http://www.enkorerock.com/myspace/topbanner.jpg" border="0" alt="ENKORE" /><br />
</div>

<div class="bannerintegrantes ">
<img src="http://www.enkorerock.com/myspace/bannerintegrantes.jpg" border="0" alt="ENKORE" /><br />
</div>

<div class="aboutenkorebanner">
<img src="http://www.enkorerock.com/myspace/aboutenkore.jpg" border="0" alt="Release" /><br />
</div>

<div class="aboutenkore">
A banda EnKore, formada no iníco de 2006, possuia em sua formação original, Vi na guitarra e voz, Deb Dillan também guitarra e voz, Leo de Paula no baixo e Tulio Lopes na bateria. Tinham como objetivo inicial divulgar as suas músicas próprias no cenário undergorund. Durante 2 anos a banda lançou algumas músicas e realizou alguns shows, até mesmo fora da cidade.<br><br>Mas algo estava faltando... Era preciso amadurecer. A antiga formação não estava mais funcionando e um passo muito difícil teve que ser dado. Um fim parecia próximo, mas nesta vida é importante saber superar as dificuldades (que são muitas) para poder chegar a algum lugar. Deb e Leo deixam a banda e assim Vi e Tulio resolvem procurar novos integrantes, mas com isso buscar também uma nova imagem para a banda.<br><br>A grande trasnformação estava próxima. No início de 2008 Vi e Tulio juntam-se ao baixista Gabriel e o guitarrista Guto. Parecia que estavam prontos, mas ainda faltava algo. Numa noite, um recado de alguém em uma comunidade do orkut chama a atenção de Vi. Era isso que faltava! Alguém que pudesse trazer para a banda vocais berrados e agressivos para complementar os vocais melódicos de Vi e Guto. Assim, Deco é convidado a realizar um ensaio teste com a banda, onde tudo sairia como o esperado. Finalmente a banda se encontra completa, como todos membros bem entrosados e prontos para um novo início.<br><br>Nova formação, novas músicas, novos objetivos... Uma nova banda! Agora com um som bem mais agressivo, vocais melódicos e berrados trazendo uma nova roupagem para a banda, a Enkore procura gravar seu primeiro CD e seguir trilhando a difícil estrada do sucesso.
<br />
</div>

<div class="enkorediscographybanner">
<img src="http://www.enkorerock.com/myspace/enkorediscography.jpg" border="0" alt="Discografia" /><br />
</div>

<div class="enkorediscography">
<img src="http://www.enkorerock.com/myspace/comingsoon.jpg" border="0" alt="Em breve..." /><br />
</div>

<div class="enkoremembersbanner">
<img src="http://www.enkorerock.com/myspace/enkoremembers.jpg" border="0" alt="Membros" /><br />
</div>

<div class="andre">
<img src="http://www.enkorerock.com/myspace/andre3.jpg" border="0" alt="André e Voz" /><br />
</div>

<div class="vitor">
<img src="http://www.enkorerock.com/myspace/vitor1.jpg" border="0" alt="Vi - Guitarra e Voz" /><br />
</div>

<div class="guto">
<img src="http://www.enkorerock.com/myspace/guto1.jpg" border="0" alt="Guto - Guitarra e Voz" /><br />
</div>

<div class="grunge">
<img src="http://www.enkorerock.com/myspace/grunge1.jpg" border="0" alt="Grunge - Baixo" /><br />
</div>

<div class="tulio">
<img src="http://www.enkorerock.com/myspace/tulio1.jpg" border="0" alt="Tulio - Bateria" /><br />
</div>

<div class="enkorecontactbanner">
<img src="http://www.enkorerock.com/myspace/enkorecontact.jpg" border="0" alt="Contato" /><br />
</div>

<div class="enkorecontact">
..:: E-MAIL ::..<br><br>
enkore@enkorerock.com<br><br>
..:: PHONE's ::..<br><br>
(21)2722-8075<br>
(21)9333-6254<br>
(21)9846-1872<br>
(21)9485-6018<br><br>
..:: MANAGER ::..<br>
Gláucio<br><br>
..:: PROFILE LAYOUT DESIG BY ::..<br>
AR - Soluções Tecnológicas
<br />
</div>

<div class="enkorelinksbanner">
<img src="http://www.enkorerock.com/myspace/enkorelinks.jpg" border="0" alt="Link's" /><br />
</div>

<div class="outroscreditos">
<img src="http://www.enkorerock.com/myspace/outroscreditos.jpg" border="0" alt="Obrigado!" /><br />
</div>

<div class="creditosbrushes">
<img src="http://www.enkorerock.com/myspace/creditosbrushes.jpg" width="340" height="186" border="0" alt="" usemap="creditosbrushes_Map">
<map name="creditosbrushes_Map">
<area shape="rect" alt="Nenuphar" coords="0,160,340,186" href="http://www.msplinks.com/MDFodHRwOi8vYnJ1c2hlcy5uZW51cGhhci5uZXQ=" target="_blank">
<area shape="rect" alt="JavierZhX" coords="0,126,339,150" href="http://www.msplinks.com/MDFodHRwOi8vamF2aWVyemh4LmRldmlhbnRhcnQuY29tLw==" target="_blank">
<area shape="rect" alt="Psydoxart" coords="0,90,339,118" href="http://www.msplinks.com/MDFodHRwOi8vcHN5ZG94YXJ0LmRldmlhbnRhcnQuY29tLw==" target="_blank">
<area shape="rect" alt="Janny's Sanity" coords="0,56,340,81" href="http://www.msplinks.com/MDFodHRwOi8vanNzaGFyZS5ibG9nc3BvdC5jb20=" target="_blank">
<area shape="rect" alt="Pure Anodyne" coords="0,20,339,47" href="http://www.msplinks.com/MDFodHRwOi8vYW5vZHluZS1zdG9jay5kZXZpYW50YXJ0LmNvbS8=" target="_blank">
</map>
<br />
</div>

<div class="playerbg">
<img src="http://www.enkorerock.com/myspace/playerbg.jpg" border="0" alt="Músicas" /><br />
</div>



<style type="text/css">
object {position:relative; top:1555; left:-477;}
</style>

<i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i><i class=i>!-Open 3 layers of table/row/cell-!</i><i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i><table class="L1" ><tr><td><i class=i>!-The below class i hides the remainder of the general table-!</i><table class="i"><tr><td><table class="i"><tr><td><style>.i {display:none}</style><i class=i>END CODE IN BAND MEMBERS</i>

[Insurmountable]

I'm assuming thats a band profile, if so image maps do not work on band myspace pages. You'll have to cut and slice images and make the images into links and then position them were you want them.

Also just to let you know I've viewing your layout in firefox and I can only see half of the layout.

[foxdanger]

OMG!

Tnx man :/


I never know about maps not working in band profile :/

this sucks...

ok, i cut all images... tanx man
:D

CYA!

[Relentless]

Glad you got your answer.

TOPIC CLOSED.