image mapping Options

[laughn_l0ser]

I'm making a new layout for my xanga but the problem is that I cant put it in my bg. It has image mapping in it so i dont know how to do those kinds. i've been following the how to make a xanga skin and it told me to go to these certain site but it doesnt let me go to stage 2. help please..

[inlonelinessidie]

Are you using Firefox or another browser other than IE when you go to that site? If you are then try using IE.

[laughn_l0ser]

i'm using mozilla..

[inlonelinessidie]

Yeah, try using IE when you go to that site. It works with IE.

[laughn_l0ser]

yeah it works but when i put it in my xanga it doesnt work.. it is still at the top like before. how can you put it in the bg?

[Pulchritude]

you image map for a backround.. u only could image map for a code like this

CODE

<img src="IMAGE URL HERE!">

if u want to make it as a backround make your image reall big to fit the screen then put the words on the image then put it the image tag code and use the image mapping code..

[laughn_l0ser]

huh? i dont get it.. i got the picture in and all.. its just that i need to get it in the bg

[inlonelinessidie]

CODE

body { background: CHOOSE A COLOUR url(URL HERE); }

[laughn_l0ser]

where do i put that?

edit//

i tried it. IT DOESNT WORK

[Pulchritude]

where do i put that?

edit//

i tried it. IT DOESNT WORK 

uhh if you use that code you can not image map.. the way im thinking to do it is make your backround image as big as you want it to be then place it in your image tag then postion it using this

CODE

<div style="left=0; top=0; position=absolute;"><img src="IMG URL"></div>

then if u are image mapping continue using the image mapping code.. but if u just want a backround and no image mapping just place it in your backround box in your look and feel

[HelloSunshine]

Go to the bottom of the code it gives you. You see where it says something like

CODE

img src '*img name here*.png' *something* imgmap#

something like that? well, you upload the img and put the url where it says

CODE

'*img name here*.png'

Hope that was helpful

[laughn_l0ser]

uhm.. this is the code i'm using...

<!-- begin code provided by createblog.com --><br /><img src="http://tinypic.com/4hqq2x" width="700" height="550" border="0" alt="" usemap="#layout1_Map"><br /><map name="layout1_Map"><br /><area shape="rect" alt="sign out" coords="386,516,483,540" href="http://www.xanga.com/logout.aspx"><br /><area shape="rect" alt="in" coords="278,515,357,540" href="http://xanga.com/signin.aspx"><br /><area shape="rect" alt="subs" coords="4,372,64,395" href="http://www.xanga.com/Private/subs.aspx"><br /><area shape="rect" alt="" coords="4,346,109,372" href="http://www.xanga.com/Private/feedback.aspx"><br /><area shape="rect" alt="yours" coords="4,312,65,346" href="http://www.xanga.com/Private/profilebasic.aspx"><br /><area shape="rect" alt="add me" coords="4,282,93,312" href="http://www.xanga.com/SubscribeTo.aspx?user=miszxcharisse"><br /><area shape="rect" alt="" coords="4,256,65,282" href="http://edit.xanga.com/claf.aspx"><br /><area shape="rect" alt="gbook" coords="3,225,84,256" href="http://www.xanga.com/guestbook.aspx?user=MiSZxCHARiSSE"><br /><area shape="rect" alt="411" coords="4,204,40,225" href="http://www.xanga.com/profile.aspx?user=MiSZxCHARiSSE"><br /></map><br /><!-- end code provided by createblog.com -->

i reely dont get what to do from that...
but here's another code i got from the website i went to

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='6,199,6,202' HREF='http://www.xanga.com/profile.aspx?user=MiSZxCHARiSSE' ALT='profile'><br /><AREA SHAPE='rect' COORDS='5,204,39,226' HREF='http://www.xanga.com/guestbook.aspx?user=MiSZxCHARiSSE' ALT='gbook'><br /><AREA SHAPE='rect' COORDS='6,229,84,256' HREF='http://edit.xanga.com/claf.aspx' ALT='claf'><br /><AREA SHAPE='rect' COORDS='6,257,59,281' HREF='http://www.xanga.com/SubscribeTo.aspx?user=miszxcharisse' ALT='add meh '><br /><AREA SHAPE='rect' COORDS='5,288,91,313' HREF='http://www.xanga.com/private/home.aspx' ALT='yours'><br /><AREA SHAPE='rect' COORDS='4,320,67,341' HREF='http://www.xanga.com/Private/feedback.aspx' ALT='feedback'><br /><AREA SHAPE='rect' COORDS='3,347,114,369' HREF='http://www.xanga.com/Private/subs.aspx' ALT='subs'><br /><AREA SHAPE='rect' COORDS='4,375,59,400' HREF='undefined' ALT='undefined'><br /></MAP><br /><br /><IMG SRC='http://tinypic.com/4hqq2x' border=0 width=700 height=550 USEMAP='#imgmap'> <br /><!-- end code provided by createblog.com -->

i meesed up on that one /\

[Pulchritude]

hmm that code looks alright to me.. but just a reminder always start your url with http://www.

[laughn_l0ser]

yeah but it goes on top like a banner.. not a bg.
see my xanga?
(its in my sig)

anyone answer?!
posts merged

This post has been edited by gotnoheart: Apr 16 2005, 08:34 PM

[Nugget]

Please be patient and do not double post so you can get your post noticed. Someone will help you once they figure out your problem. Thanks!

[*mona lisa*]

An image mapped picture will not be a background. It will always come out as a banner and the text would go on top. If you still have trouble with image mapping, you can always use MS Paint. =]

[laughn_l0ser]

bleh thats okay.. i dont need to do that.. ill just make another layout =)

[Pulchritude]

and just to let you know that your image is not coming out as a backround is because you need to postion it with a div cause if you just put it in a image tag it will always be on top..

[avalon*]

moved to webdesign

Maybe the problem is that you're using tinypic for an image hoster. Try using http://www.imageshack.us.

[HelloSunshine]

You need to use the <div> code to position your blog where you want it

[misoshiru]

if you imagemap, you can't put the code in the background box. you have to put it in the banner box.

[me_myself_andi20...]

moved to webdesign

Maybe the problem is that you're using tinypic for an image hoster. Try using http://www.imageshack.us.

LMAO you are so wrong

CODE

<style type="text/css">
body { background:#[color hex code] url("IMG URL"); }
</style>

there you got your bg