Help with layout Options

[bballer89]

is there anyway some one could PM the instructions to make a myspace layout

[freeflow]

- To put a quote in the picture you need to make it in a program such as photoshop or paint shop pro. Then upload the picture.

- To put a quote under the picture you can do it two ways you can do this:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg"> <br>
quote goes here
</div>

Or you can make the quote in its own div.

- To make the image centered you need to edit the red:

<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg">
</div>

To do so you change the 0 for left to a higher number and the 0 for top to a higher number. You can put any random number like 100 , 550, 667, etc. Just play around with numbers till you get the image where you want it. For top your number should be atleast over 150 . Then for left go over 150 so that you can make it more to the center. Just play around with numbers till the image is in the center where you want it.


- To add content under the picture you just need to edit the red in this code:

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

I noticed you got the codes from the tutorial but I don't know if you actually read it. Because basically all you have are the codes but they aren't edited hte way it says too. Anyways what you do is you take the red parts, and change the 000 to actual numbers. The width and height are self explanitory. Make up a width and height but don't make it too big . For left make the number biger to go more to the right, and smaller to go more the left. For top the number should be over 150 make it bigger to go down. Make sure you don't take out the word px. That needs to stay there. Just edit the 000

After you get that box down you can copy that code and just change the positions to add another box. For each div you should change the name of the div. The name of the div is the red part:

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px;overflow: auto;"><center>
lalalalala this is your content!
</div>

For each one just give it a diff name. For example say this one would be talking about you, and you want to call it me. All you do is change the word "content" to "me" . Give each one a different name so that it works out better.

- To position your comment/friends box edit this part of your code:

CODE

.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:transparent;
border:black 1px solid;z-index:2px;}

All you have to do is change the top and left numbers. Make the left number bigger to move more to the right and make the top number bigger to move farther down. And vise versa.