image mapping PLEASE READ!!, PLEASE HELP!!!! Options

[BARBiiE x0x]

i made my first skin -- and i used that website that does the image mapping for u sorta -- and when i got the code i put it in my custom header -- and it doesent work -- please help!!

[Nugget]

maybe u put in the wrong code?? as in url for image mapping//bring out hte code so we can have a look see

[jennyjenny]

1. What site?
2. You used it... "sorta"?
3. Let's see the code.
4. Maybe you put the code wrong.
5. Maybe you did it wrong.

[BARBiiE x0x]

this is what it looks like -- and i followed the steps 4 teh tutorial http://www.xanga.com/home.aspx?user=iinfamous_layoutz_skin1

[avalon*]

you probably forgot to replace the image source code. see where it says img src = "blahblah.jpg/.gif/etc"? you have to upload your image to an image hoster like imageshack and then use the code they give you and put it in the image source.

[BARBiiE x0x]

i did heer is my code :

<!-- begin code provided by createblog.com --><br /><IMG src="http://img239.exs.cx/img239/7594/skin3vy.gif"><br /><!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: 200px;<br />height: 200px;<br />margin-top: 200px;<br />margin-left: 200px;"> <br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*yes i will alway slove you*/<br />/*by alexis (www.xanga.com/iinfamous_layoutz)*/<br />body {<br />background-image:url();<br />background-repeat: repeat-y-x;<br />background-color: #ffffff;<br />scrollbar-face-color: #ffffff;<br />scrollbar-shadow-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #000000;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-track-color: #ffffff;<br />scrollbar-arrow-color: #ffffff;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:800px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #000000;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 8px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #000000;<br />background-color: #ffffff;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #000000; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#000000; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#000000; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='74,84,130,92' HREF='www.xanga.com' ALT='xanga'><br /><AREA SHAPE='rect' COORDS='73,103,144,113' HREF='www.xanga.com/private' ALT='private'><br /><AREA SHAPE='rect' COORDS='74,128,110,137' HREF='www.xanga.com/claf' ALT='claf'><br /><AREA SHAPE='rect' COORDS='71,150,134,158' HREF='http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME' ALT='add me =)'><br /><AREA SHAPE='rect' COORDS='75,167,137,181' HREF='http://www.xanga.com/private/subs.aspx' ALT='friends'><br /><AREA SHAPE='rect' COORDS='75,189,157,200' HREF='http://www.xanga.com/logout.aspx' ALT='sign out'><br /></MAP><br /><br /><IMG SRC='http://img239.exs.cx/img239/7594/skin3vy.gif' border=0 width=800 height=600 USEMAP='#imgmap'><br /><!-- end code provided by createblog.com -->

-Please use the codebox. it'll prevent from stretching, well, in some cases. thanks!

This post has been edited by Spiritedfreak: Feb 24 2005, 11:35 PM

[Nugget]

please put that in a codebox* and i dont really see anything wrong wit it unless im blind..

[JC4P]

which image do u want to have an img map on? cuz on your xanga i see two images and the one w/ your textbox has the map

[lovescream]

Codebox please!
*Will edit your post when I'm done typing my little thing here*


remove this:
<IMG src="http://img239.exs.cx/img239/7594/skin3vy.gif">

[BARBiiE x0x]

sry bot that -- i didnt kno how 2 put it in a code box -- and i did take that out and my xanga is in the lil scroll box -- and my image mapping doesent work! id di it 3 imes and it didnt work

[BARBiiE x0x]

oh and i have another question :D how do u become an official memberrR?

[Ington]

Go to announcements.

[lovescream]

Umm.. did you take out only ONE part?

<!-- begin code provided by createblog.com -->
<IMG src="http://img239.exs.cx/img239/7594/skin3vy.gif">
<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 200px;
height: 200px;
margin-top: 200px;
margin-left: 200px;">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
/*yes i will alway slove you*/
/*by alexis (www.xanga.com/iinfamous_layoutz)*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:800px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 8px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: arial;
font-size: 16pt;
text-align: center;
color: #000000;
background-color: #ffffff;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: FONT; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#000000; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#000000; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>
<!-- end code provided by createblog.com -->

<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='74,84,130,92' HREF='www.xanga.com' ALT='xanga'>
<AREA SHAPE='rect' COORDS='73,103,144,113' HREF='www.xanga.com/private' ALT='private'>
<AREA SHAPE='rect' COORDS='74,128,110,137' HREF='www.xanga.com/claf' ALT='claf'>
<AREA SHAPE='rect' COORDS='71,150,134,158' HREF='http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME' ALT='add me =)'>
<AREA SHAPE='rect' COORDS='75,167,137,181' HREF='http://www.xanga.com/private/subs.aspx' ALT='friends'>
<AREA SHAPE='rect' COORDS='75,189,157,200' HREF='http://www.xanga.com/logout.aspx' ALT='sign out'>
</MAP>

<IMG SRC='http://img239.exs.cx/img239/7594/skin3vy.gif' border=0 width=800 height=600 USEMAP='#imgmap'>
<!-- end code provided by createblog.com -->

take out the crossed-out/bolded one. :]
It'll work, i tried.

[BARBiiE x0x]

http://www.xanga.com/home.aspx?user=iinfamous_layoutz_skin1

that doesent look right

[lovescream]

lol, change the width and height. of your div.

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 200px;
height: 200px;
margin-top: 200px;
margin-left: 200px;">
<!-- end code provided by createblog.com -->

that part of the code. the width and height is too small.

[BARBiiE x0x]

o0h..thanks!.. but than how do i get my blog in it?

[lovescream]

your blog IS in there. >.<;

[BARBiiE x0x]

hm.. it still dosent look right .. sory!! -- but can youh look at it n tell me what i did rong thanks

[BARBiiE x0x]

sum1 plzz help )=

[Nugget]

please dont double post 2 times and someone will help u so be patient

as for ur xanga..keep on changing the code number for ur blog..make it negative or postive..but no one can do the code for u..ur gona have to do it by yourself to learn..

and it didnt really look like u did anything wrong! i think.

[eternalwonder143]

you have to keep playing with the codes for the div layers. Just keep at it, and I'm sure you'll get in the right place eventually! also...to become an offical member, you need 50 posts.

[*mona lisa*]

you have to keep playing with the codes for the div layers. Just keep at it, and I'm sure you'll get in the right place eventually!  also...to become an offical member, you need 50 posts.

it's not only 50 posts. you need to maintain a DPA of 5.0, link to cb and the cb blogring on your xanga.
Go here for more information on divs.

[lovescream]

yeah.. and that official member thing has nothing to do with this topic. unless she asked on how to become an official member?..