I really need help with my layout!, Layout Help Options

[EndlessSite]

Hi, I really need help with my new xanga skin! I know a bit of HTML but I'm not an expert. I downloaded this awesome layout from this site but it only came with a little bit of code. ((Like the scrollbar color, link visited...etc..)) I need some help! Thanks a lot!

[avalon*]

topic re-opened
she was just clarifying, now i'm posting something to help her

okay, first paste this code into your custom header. you'll need to do everything in this order

<!-- begin code provided by createblog.com --><br /><div style="margin-left:#px; margin-top:#px;"><br /><img src="PUT THE IMG URL HERE"></div><br /><!-- end code provided by createblog.com -->

if you don't have an image url, you'll need to upload your image. try www.imageshack.us. see where the number signs are? insert numbers in place of those. this code moves your main image around. say if you want your main image to align with the top left corner, you would play around with the numbers until it goes where you want it to. margin just means how far away it is from the top of your browser window or from the left of the screen.

next comes a pretty confusing part so stay with me.

<!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left:#px; margin-top: #px; width: #px; height: #px; background: transparent;"><br /><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /><td colspan=2><br /><p class="nav"><b>navigation</b></p><br /><tr><br /><td><br /><A href="http://www.xanga.com/signin.asp">signin</A><br /><br /><A href="http://www.xanga.com/USERNAME">me</A><br /><br /><A <br />href="http://www.xanga.com/profile.asp?user=USERNAME">profile</A><br /><br /><A <br />href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add <br /><br />me</A><br /><br /><A <br />href="http://www.xanga.com/guestbook.asp?<br /><br />user=USERNAME">guestbook</A><br><A <br /><br />href="http://www.xanga.com/private/home.aspx">you</A><br /><br /><a href="http://www.xanga.com/CLAF/default.asp">edit</A><br /><br /><A href="http://www.xanga.com/private/subscriptions.aspx">friends</A><br /><br /><A href="http://www.xanga.com/logout.asp">goodbye</A><br /><p><br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /></td><br /></tr><br /></table><br /></div><br /><!-- end code provided by createblog.com -->

at the beginning, you see another one of those "div" codes. these are to move things around and place them where you want them to go. this code will be for moving your info bar/module around. again, replace the # symbols with numbers for margin left and top like you did for the first code. then it says width and height. well this will be the width and height of your module. overflow means if you want a scrollbar or not. if you say "overflow: auto" it will give you a scrollbar. if you say "overflow: none", your module will not have a scrollbar. if you say overflow: none, you will need to put 100%px as your height instead of any other number.
to get the "custom" modules or whatever, i used tables. i put TITLE and INFO in for you so that you can see where everything goes. just edit those as you wish. i left the xanga links in there as well. edit those to your liking also.

then comes another div code [they're very important in xanga skinning ]

<!-- begin code provided by createblog.com --><br /><br /><div style="position:absolute; margin-left:#px; margin-top: #px; <br />width: #px; height: #px;background: transparent; overflow: none"><br /><br /><style type='text/css'>.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, <br />td.mainleft, <br />table.left TH, table.left <br />TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere <br />{display: none;} <br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;}<br />body {<br />background-color: #000000;<br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF; <br />cursor: crosshair;<br />}<br /><br />//blogringdocument.write<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font: 12px arial;<br />line-height:12px;<br />color: #FFFFFF;<br />letter-spacing:0px;<br />text-align:justify;<br />border: none;<br />background-color: transparent;<br />filter: alpha(opacity=100)<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: Arial;<br />text-transform: none;<br />font-size:12px;<br />line-height:10px;<br />font-weight:bold;<br />color:#E3D7CA;<br />letter-spacing:1px;<br />background-color: transparent;<br />text-align: center;<br />border-bottom: none;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#E3D7CA;<br />font:12px arial;<br />line-height:13px;<br />text-decoration: none;<br />}<br /><br />//blogring.document.write<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#E3D7CA; <br />font:12px arial;<br />line-height:13px;<br />text-decoration: none;<br />}<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#E3D7CA;<br />font:12px arial;<br />line-height:13px;<br />text-decoration: none;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: none;<br />font:12px arial;<br />background-color: transparent;<br />letter-spacing:0px;<br />}<br /><br />table.left { <br />/* this edits the menu module */<br />border: none;<br />width:#px;<br />background-color: transparent;<br />}<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color: transparent;<br />filter: alpha(opacity=100)<br />width:#px;<br />}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url('');<br />background-color: transparent;<br />font: bold 12px arial;<br />text-transform: none;<br />color: #E3D7CA;<br />border: none;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url('');<br />background-color: transparent;<br />border: none;<br />}<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: transparent; <br />border: none;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #c0c0c0;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: #px;<br />}<br /></div><br /></style><br /><br /><!-- end code provided by createblog.com -->

okay there's another div code. this one is for moving your blog around. use the same technique as before and remember the part about the overflow. now jump down to where it has all those 6 digit numbers..just enter in your own color codes and fonts and font sizes and whatnot. those should be pretty self-explanatory. just replace my color codes. you'll also need to find a background color and enter that color code in.
now if you look closely, there are 2 places where it talks about the width of the blog and one place about the width of the module in the stylesheet. just enter those in according to what you had in your div codes.

that should be it..i know this was really long and really confusing, so if you have any more questions don't hesitate to ask