Like those div layouts websites have and want to know how to make one. There's nothing much really in how to make it, so here you go.
Step 1:: Find a background that you really like and would like to use on you own layout or you can make one yourself.

Step 2:: Find a plain background for your header and make the header. Sometimes if you choose a background to where you can use the pictures on your header you can do that. Other than that, use some brushes and everything else for your header, add a border and there you have it.

Step 3:: If you want affiliate images, all you have to do is make a box, add a border, and out is in this code:

Step 4:: On main page of a lot of owner's site, they have a owner category, which I think is much better because people don't need to know much about me. Owner's like me either use a picture of themself or whatever their theme is for the layout. Just use a picture of some sort, add a dotted border and use this code below.

Step 5:: Use this code below and edit all the colors and image url's. Then you're done, see nothing to it.

<html>
<head>
<title>     --- Message here.</title>
<style type="text/css">
body {
font-size:11px;
font-family:arial;
line-height:11px;
color: #ffffff;}
b{color:#c2ff87;}
i{font-family:arial; font-size:11px; color:#8fdafd;}
u{color: #f3d6fe;
 font-family: arial;
 font-size: 8pt;
 font-weight: normal;
 text-align: justify;
 border-bottom: 1px dashed #ffffff;}

h1 {
background-color: transparent;
border-bottom:1px dashed #c2ff87;
font-family: georgia;
font-style:italic;
font-weight: normal;
font-size:14px;
color: #8fdafd;
text-align:center;
letter-spacing12px;
line-height: 14px;
margin:0px;
padding:0px;
}
h2 {
margin-bottom: 0px;
margin-top: 0px;
background: transparent;
border-bottom:1px dashed #8fdafd;
line-height:16px;
font-size:11px;
font-family:Arial;
font-weight: normal;
color: #c2ff87;
}
.content {
margin:0px;
width:99%;
background: #83553f;
font-size: 10px;
font-family: Lucida Grande, Lucida Sans Unicode;
color: #ffffff:14px;
text-align:left;
text-transform: none;
font-weight:normal;
}

A:link, A:visited, A:active { color: #f3d6fe; border-bottom: 1px dotted #83553f; text-decoration: none; }
A:hover { color: #ffffff; border-bottom: 1px dotted #f3d6fe; text-decoration: none; }

a.navi, a.navi:active, a.navi:link, a.navi:visited {
display:block;
font-family: georgia;
font-size: 11px;
line-height:13px;
font-weight: normal;
letter-spacing:2px;
text-decoration:none;
background: #83553f;
border-bottom:1px dashed #ffffff;
color: #ffffff;
text-transform: lowercase;
text-align: left;
padding:3px;
}
a.navi:hover {
display:block;
font-family: georgia;
font-size: 11px;
line-height:13px;
font-weight: normal;
letter-spacing:2px;
text-decoration:none;
background: #ffffff;
border-bottom:1px dashed #f3d6fe;
color: #83553f;
text-transform: lowercase;
text-align: left;
padding:3px; 
}
</style>

</head>
<body style="background-color: #83553f;">
<div style="position: absolute; top: 5px; left: 5px;">
<img src="IMAGE URL HERE" border="0">
</div>

<div style="position:absolute;background-color:#83553f; left:220px; top:192px; width:567px;border:none;">
<h1>Blog/Updates</h1>
<h2>Blog/Updates</h2>
<br>text goes here. text. <u>text goes here.</u> text. text. text. text. text goes here. text. text. text. text. text goes here. text. text. text. text. text goes here. text. text. text goes here. text. <b>text.</b> text. text goes here. text. text. text. text. text. text. text. text goes here. text. text. text. text. text. <i>text goes here.</i> text
<br>
<br>text goes here. text. <u>text goes here.</u> text. text. text. text. text goes here. text. text. text. text. text goes here. text. text. text. text. text goes here. text. text. text goes here. text. <b>text.</b> text. text goes here. text. text. text. text. text. text. text. text goes here. text. text. text. text. text. <i>text goes here.</i> text
<br>
<br>text goes here. text. <u>text goes here.</u> text. text. text. text. text goes here. text. text. text. text. text goes here. text. text. text. text. text goes here. text. text. text goes here. text. <b>text.</b> text. text goes here. text. text. text. text. text. text. text. text goes here. text. text. text. text. text. <i>text goes here.</i> text
</div>

<div style="position:absolute;background-color:#83553f; left:5px; top:192px; width:210px;border:none;">
<h1>Affies</h1>
<br><center><a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="IMAGE URL" border="0" alt="WEBSITENAME"></a> <a href="PAGEURL" target="_blank"><img src="/IMAGE URL" border="0" alt="WEBSITENAME"></a>
<br><br>
<h1>Navigation</h1>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<br><br>
<h1>Owner</h1>
<br>
text goes here. text. <u>text goes here.</u> text. text. text. text. text goes here. text. text. text. text. text goes here. <b>text.</b> text. text. text. text goes here. text. text. text goes here. text. text. text. text goes here. text. text. text. text. text. text. text. text goes here. text. text. text. text. text. <i>text goes here.</i> text
<br><br>
<h1>Domain</h1>
<br><div style="text-align: left;"><i>Owner:</i> 
<br><i>Host:</i> 
<br><i>Site name:</i> 
<br><i>Online since:</i> 
<br><i>Hits:</i> 
<br><i>Last updated:</i> 
<br><br>
<h1>Link Me</h1>
<center>IMAGE HERE</center>
<br><br>
<h1>Credits</h1>
<br><center>This stylesheet was made by Claressa at <a href="http://unbr3akabl3.org">unbr3akabl3.org</a>. All credit to her.
Visit her site for more goodies.</center>
<br><br>
</html>

Do NOT take off my credit on the layout code.
If you still don't understand, then please email me at admin@unbr3akabl3.org and I will do a step by step for you.

If this tutorial helped, a link back is required.

Div Layouts