i need layout help Options

[hollesther]

How do yu make layouts that look like this?: http://www.xanga.com/home.aspx?user=hhl19

So far I can only make regular layouts or custom made layouts.
Please tell me :D!

[talcumpowder]

Here's a basic template....

<!-- begin code provided by createblog.com --><br /><div style="height: 300px; width: 500px; overflow: auto;"><br />CONTENT HERE!<br /></div><br /><br /><style type="text/css"><br />/* http://createblog.com */<br />body {<br />  background-color: #ffffff;<br />  scrollbar-arrow-color: #FFCDD2;<br />  scrollbar-track-color: #FFCDD2;<br />  scrollbar-shadow-color: #FFCDD2;<br />  scrollbar-face-color: #FFCDD2;<br />  scrollbar-highlight-color: #FFCDD2;<br />  scrollbar-darkshadow-color: #FFCDD2;<br />  scrollbar-3dlight-color: #FFCDD2;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:center;<br />font-family: georgia;<br />text-transform:none;<br />font-size:18px;<br />line-height:25px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #000000;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font:normal 12px trebuchet ms;<br />background-color: ffffff;<br />font-color:#BD6A72;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<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:none;<br />  color: #000000;<br />  font: bold 10pt trebuchet ms;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:ffffff;<br />BORDER: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: trebuchet ms;<br />font-weight:normal;<br />font-size:9pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: trebuchet ms;<br />BORDER: #000000 1px solid;<br />width:500px;}<br />a:link{line-height: 9pt; font-family: trebuchet ms;font-weight:normal; color:#BD6A72; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:active{font-family: trebuchet ms; color:#BD6A72; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:visited{font-family: trebuchet ms; color:#BD6A72; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: crosshair;}<br />A:hover {font-family:tahoma;color:#ffffff;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer<br />{display: none;}<br /></style><br /><!-- end code provided by createblog.com -->

edit// It looks like this. Sorta.
[ http://www.xanga.com/home.aspx?user=nyah_tests ]

[Kenado]

I thought it was this and that you paste it at the top of your header html.

CODE

<div id="particulars" style="position:absolute; width:400; height:220; BACKGROUND:#ffffff; top:0; margin-left:0; z-index:1; overflow: auto; border: 1px #000000 solid; padding:1px; font-family:georgia; font-size:12px; line-height:14px;">

STUFF HERE AND SUCH

</div>

But whatev either way works.