I am SO frusterated beyond all belief., Please for the love of god someone help me with this Options

[mandilynne]

I tried making a layout. I spent ALOT of time designing it. and I finally came up with this:


http://img177.imageshack.us/img177/2199/11...11111435vw3.jpg



Problem is, I cant code it right, everytime I try I screw it up, and I am SO frusterated :o( If someone could Please help me code this into a myspace layout Id be very grateful!!!!!

The font color can just be plain black! And as far as the navigation goes Id just need links like Add me Message me Home ( you know the standard myspace links)

And for the part where it says cool sites I would just have links to the sites..


Please some-one!

[*Infinite.*]

Well first step I suggest making a normal layout coding for it or atleast pretty basic stuff:

CODE

<style type="text/css">
BODY {scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-face-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color: d14d79;
scrollbar-highlight-color:ffffff;}
body { background-color: white;
{background-image:url("");
background-attachment: fixed;
background-position: bottom left;
background-repeat:repeat;}

table table table {border: 1px solid; border-color: 000000; padding:0; background-color: ffffff; background-image: url("")}

table tbody td table tbody tr td.text table{background-color: ffffff; background-image: url("")}table table{border:0px;}

table table table table{border:0px;}

table, tr, td {background-color:transparent; border:none; border-width:0;}

font, a, body, table, body, td, li, p, textarea, li, h1, h2, p, br {font-family:Georgia; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px; background-color:transparent;}

.text {font-family:Georgia; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}  </style>

Just use something like that, and edit through it to make it what you want. Make sure to get the striped background that you choose and set it as your background in this code.


Second step
Hide your profile

If you would like your comments to show use this:
http://www.createblog.com/forums/index.php?showtopic=151811

If you wouldn't like your comments to show use this:
http://www.createblog.com/forums/index.php?showtopic=150293

Also if you don't want all the top links/bottom links to show add this too:
http://www.createblog.com/forums/index.php?showtopic=157380

Third Step

CODE

<div class="bg" style="position: absolute; left:0px; top:100px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

Get the width and height of the image you have: which is this>>
http://img177.imageshack.us/img177/2199/11...11111435vw3.jpg

Once you have the width and height, insert it into the width and height of the coding, next step your going to want to do is position it which is changing where to position the image.

Quick Learning in position
top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

Make sure to keep the top to around 100px or more. Which I already put into the code. :]



By now, you should have a blank myspace with a background set and your bit image positined where you would like it

Now for your next step you will be positioning things to be visible to where you want them; your content in other words..

forth and almost final step

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

For this you change the width and height to the same as the area you will be placing the content, then you change your top and left to position it. The "content" You may want to change the word content in the quotation marks and change it to what content will be in the section.

Once you have it positioned correctly you erase the CONTENT FOR DIV and add what you would like to actually be in that area.

Repeat this step as many times as you need.

If you need any extra codes, which I think your going to need a comment box code heres a link to one:
http://www.createblog.com/forums/index.php?showtopic=152919


Extra!!!
Please make sure on any of the codes in the scripts if you have any questions to read the designer comments, usually they answer any questions that are needed to be answered.

Hope this helped, any other questions feel free to ask.

[JCLore]

do we put the background at "top:100px;" so that it doesn't cover the add??

beacuse it doesnt hide mine if i put it on "top:0px;"
it doesn't matter if i put it on "top:-100px;"


also i still dont get the margin-left and left:% thingy

[S-Majere]

Have you looked through this?

http://www.createblog.com/forums/index.php?showtopic=142922

quick lesson on "position: relative"

top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px