http://www.pcoward.com/imagemapper/stage1.asp
I tried it, and added it to my xanga. It doesn't work. Any advice?
Here's my script:
Header HTML:
CODE
<!-- begin code provided by createblog.com -->
<img src="yes i have a valid img url here">
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 480px; height: 395px; margin-top: -537px; margin-left: -164px;"></style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
/* Name of Your Skin - By You*/
body
{background-color: #COLOR CODE;
scrollbar-arrow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;}
/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: FONT FAMILY;
text-transform:none;
font-size:#px;
line-height:#px;
font-weight:normal;
color:#COLOR CODE;
letter-spacing:2px;
background-color:#COLOR CODE;
text-align:center;
border:1px solid #COLOR CODE;}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #COLOR CODE;}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #COLOR CODE;
font-color:#COLOR CODE;}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #COLOR CODE;
font: bold #pt FONT FAMILY;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}
table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}
font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:#pt;
text-align:justify;}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}
table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: FONT FAMILY;
BORDER: #COLOR CODE #px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */
a:link
{line-height: #pt;
font-family: FONT FAMILY;
font-weight:normal;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}
a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}
a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}
A:hover {font-family:FONT FAMILY;
color:#COLOR CODE;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>
<!-- end code provided by createblog.com -->
<img src="yes i have a valid img url here">
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 480px; height: 395px; margin-top: -537px; margin-left: -164px;"></style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
/* Name of Your Skin - By You*/
body
{background-color: #COLOR CODE;
scrollbar-arrow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;}
/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: FONT FAMILY;
text-transform:none;
font-size:#px;
line-height:#px;
font-weight:normal;
color:#COLOR CODE;
letter-spacing:2px;
background-color:#COLOR CODE;
text-align:center;
border:1px solid #COLOR CODE;}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #COLOR CODE;}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #COLOR CODE;
font-color:#COLOR CODE;}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #COLOR CODE;
font: bold #pt FONT FAMILY;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}
table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}
font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:#pt;
text-align:justify;}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}
table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: FONT FAMILY;
BORDER: #COLOR CODE #px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */
a:link
{line-height: #pt;
font-family: FONT FAMILY;
font-weight:normal;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}
a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}
a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}
A:hover {font-family:FONT FAMILY;
color:#COLOR CODE;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>
<!-- end code provided by createblog.com -->
Website Stats:
CODE
<!-- begin code provided by createblog.com -->
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='666,447,701,456' HREF='http://www.xanga.com/private/home.aspx' ALT='your xanga'>
<AREA SHAPE='rect' COORDS='666,472,710,482' HREF='http://www.xanga.com/signin.aspx' ALT='sign in to your account'>
<AREA SHAPE='rect' COORDS='674,498,714,508' HREF='http://www.xanga.com/' ALT='xanga.com'>
<AREA SHAPE='rect' COORDS='658,522,714,533' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=riteonthedot' ALT='subscribe to me'>
<AREA SHAPE='rect' COORDS='648,550,712,561' HREF='http://www.xanga.com/CLAF/default.asp' ALT='edit your xanga'>
<AREA SHAPE='rect' COORDS='633,578,708,587' HREF='http://www.xanga.com/Private/subs.aspx' ALT='read your subscriptions'>
<AREA SHAPE='rect' COORDS='643,603,701,613' HREF='http://www.xanga.com/guestbook.aspx?user=riteonthedot' ALT='read/write in my guestbook'>
<AREA SHAPE='rect' COORDS='658,627,694,637' HREF='http://www.xanga.com/senduser.aspx?user=riteonthedot' ALT='email me'>
<AREA SHAPE='rect' COORDS='638,651,685,661' HREF='http://www.xanga.com/Private/editaccount.aspx' ALT='edit your account'>
<AREA SHAPE='rect' COORDS='623,678,672,688' HREF='http://www.xanga.com/logout.aspx' ALT='log off... bye!'>
</MAP>
<!-- end code provided by createblog.com -->
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='666,447,701,456' HREF='http://www.xanga.com/private/home.aspx' ALT='your xanga'>
<AREA SHAPE='rect' COORDS='666,472,710,482' HREF='http://www.xanga.com/signin.aspx' ALT='sign in to your account'>
<AREA SHAPE='rect' COORDS='674,498,714,508' HREF='http://www.xanga.com/' ALT='xanga.com'>
<AREA SHAPE='rect' COORDS='658,522,714,533' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=riteonthedot' ALT='subscribe to me'>
<AREA SHAPE='rect' COORDS='648,550,712,561' HREF='http://www.xanga.com/CLAF/default.asp' ALT='edit your xanga'>
<AREA SHAPE='rect' COORDS='633,578,708,587' HREF='http://www.xanga.com/Private/subs.aspx' ALT='read your subscriptions'>
<AREA SHAPE='rect' COORDS='643,603,701,613' HREF='http://www.xanga.com/guestbook.aspx?user=riteonthedot' ALT='read/write in my guestbook'>
<AREA SHAPE='rect' COORDS='658,627,694,637' HREF='http://www.xanga.com/senduser.aspx?user=riteonthedot' ALT='email me'>
<AREA SHAPE='rect' COORDS='638,651,685,661' HREF='http://www.xanga.com/Private/editaccount.aspx' ALT='edit your account'>
<AREA SHAPE='rect' COORDS='623,678,672,688' HREF='http://www.xanga.com/logout.aspx' ALT='log off... bye!'>
</MAP>
<!-- end code provided by createblog.com -->
It ends up having the links INSIDE the individual layer where the posts and "xanga" go... I want it to be outside it since the "link texts" are part of the picture, not the little square where my posts go... any help?