blog on top of picture, help plz... Options

[the1darkcloud]

ok well i'm trying to make a simple skin but it's not working out too well.

i've uploaded my image, but the 1st thing is, how do i get the links to work? i've image mapped it but it doesn't work. am i supposed to use the .htm file i got off that somehow?

i used jasc paint shop pro

and how do i get my blog IN the image? i've tried using these 2 codes

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

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div id="content" style="margin-top: Xpx; margin-left: Xpx; width: Xpx; height: X; overflow: visible"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

and yes i've already uploaded the image.

plz tell me wut i'm doing wrong n help!!! thnx

and my site's www.xanga.com/estrife3

[Pulchritude]

you got to adjust this part for in order to alighn your blog

CODE

<div style="overflow: auto; width: ###px; height: ###px; margin-top: ###px; margin-left: ###px;">

and wheres your image mapping code go here to learn how to image map

http://www.pcoward.com/imagemapper/stage1.asp

[the1darkcloud]

adjust how? i put the top margin and left margin at 0px and the height and width as the same as the image, 900x600. is that how u do it?

[Pulchritude]

adjust how? i put the top margin and left margin at 0px and the height and width as the same as the image, 900x600. is that how u do it?

you also have to set the margin top and left..

[the1darkcloud]

set em to what? how can u make it so that it's ON the picture? my picture just acts as a big banner

[Pulchritude]

when the picture should be set as a backround then this is where this code comes in

CODE

<div style="overflow: auto; width: ###px; height: ###px; margin-top: ###px; margin-left: ###px;">

u gotta adjust that in order for the entrys and left side module to fit into that picture..

[the1darkcloud]

ok, i think i got it down. but when i put the image as a background the links don't work. i have to put it in the custom header. but then it acts like a banner with links. so is there a code for making an image mapped image as the background? thnx

[talcumpowder]

You can't. Just adjust the margin-top to make it move onto the pictutre.

[mz sneaky]

yes...just change the numbers and play with them until it goes on top of ur banner or layout. Then adjust it until you like it at where it is..!

[the1darkcloud]

the code i'm using doesn't move just the blog, it moves the banner with it. can someone give me a different code?

[talcumpowder]

-.-u That code is perfectly fine. You need to puyt the IMAGE CODE before the DIV LAYER if you actually expect it to work, because div layers MOVE anything inside them. If you're using the div layer to move an IMAGE, remember to CLOSE it. To close a div, do the following::
Add </div> to your code AFTER THE LAST OBJECT IN THAT DIV LAYER. On xanga, you DO NOT close the div layer you use to move your blog.

[the1darkcloud]

wow i'm a retard. thanks for pointing that out to me

[talcumpowder]

Do you understand? 'cause I kinda typed that with my friend's dog infront of my face, and I couldn't see the screen, and then my friend bothered me... Overall, I typed it fairly quickly.
Feel free to PM me if you still need help.