MySpace Layout Coding!, Myspace Standard Layout Options

[diputs]

Heya

(not sure if this is the right forum)

well, i dont know nothing at all about Standard MySpace layouts .. But my friend asked me to find out some codes ... and im pretty sure that ya'll can help me there ...

he wants his page to look smthg like this:

CLICKY CLICK

with the 2 different BG's ... and the big single Table in the middle ..

Do ya'll know where i could find codes for this? or what exctly to look for ... like what is that style of layout called?

[fixtatik]

are you talking about the image above the advertisement, or the bordered background?

the background is one image with a space in the middle to allow the layout to scroll through it.

for the top image, you can do something like this:

CODE

<style type="text/css">
body { margin:300px auto 0 auto; }
.topbanner { position:absolute; top:0%; left:50%; margin:0 0 0 -400px; width:800px; height:400px; }
</style>

<div class="topbanner"><img src="LINK TO IMAGE" /></div>

you can change the dimensions to your liking. i just chose 800x400 pixels as an example. if you were to alter it, the body top margin has to be the height of your image (or higher).

[diputs]

are you talking about the image above the advertisement, or the bordered background?

the background is one image with a space in the middle to allow the layout to scroll through it.

for the top image, you can do something like this:

CODE

<style type="text/css">
body { margin:300px auto 0 auto; }
.topbanner { position:absolute; top:0%; left:50%; margin:0 0 0 -400px; width:800px; height:400px; }
</style>

<div class="topbanner"><img src="LINK TO IMAGE" /></div>

you can change the dimensions to your liking. i just chose 800x400 pixels as an example. if you were to alter it, the body top margin has to be the height of your image (or higher).

Hey thanks for the response!

This is wat my friend said:

[12:16] my friend: okie. or maybe u can ask that question. be like SO WHAT WOULD THE DIMENSIONS ON THE BACKGROUND IMAGE HAVE TO BE

[12:19] me: didnt she say that you can change the dimensions to ur likings?!

[12:20] my friend: but thats for the top part. not the background. i wanna make sure that the picture is the right size cuz one time i made a background and it looked diff on everyones computer (the size)

as i said before .. i have NOOO idea of coding standard layouts .. but maybe ya'll know what he means .. :-/ .. hehe

[fixtatik]

for the body background, then? there are a thousand and one different dimensions you could use (ok, not that many, but there are a lot). to be safe, i usually make a file 1280x800 pixels, and usually do a gradiant to a solid color around the edges. that way, if a visitor has larger than 1280x800, past the edges will just be that color.

for the middle part, usually 800 pixels is good. basically what you're looking at is your background with an 800px-wide strip down the middle. once you put that there, you can do whatever you want for the background on the sides. as for the coding you'd do for the layout, it's something like this:

CODE

<style type="text/css">
body { background:black url(LINK TO IMAGE) top center repeat-y; }
table { width:800px; }
table table { width:auto; }
</style>

the repetition down the y-axis is going to depend on what you create for a background of course. you may have to add in "no-repeat" and "fixed" to make it look nice.

(i'm a he, by the way, not a she)

[diputs]

for the body background, then? there are a thousand and one different dimensions you could use (ok, not that many, but there are a lot). to be safe, i usually make a file 1280x800 pixels, and usually do a gradiant to a solid color around the edges. that way, if a visitor has larger than 1280x800, past the edges will just be that color.

for the middle part, usually 800 pixels is good. basically what you're looking at is your background with an 800px-wide strip down the middle. once you put that there, you can do whatever you want for the background on the sides. as for the coding you'd do for the layout, it's something like this:

CODE

<style type="text/css">
body { background:black url(LINK TO IMAGE) top center repeat-y; }
table { width:800px; }
table table { width:auto; }
</style>

the repetition down the y-axis is going to depend on what you create for a background of course. you may have to add in "no-repeat" and "fixed" to make it look nice.

(i'm a he, by the way, not a she)

Thanks alot. i will let him know ..

and sorry for sayin she .. i hadnt checked your profile .. hehe