one man wrecking machine

Designer's Comments

Look carefully for specific instructions

please don't claim it as your own, as it isn't.
do not alter the image in any way. if you like I will put your site title on there.
please do not, under any circumstances, remove my credits.

message me if you use it! :)

want more? layouts, resources & tutorials at http://unwritten.eu.pn

Layout Code

Copy and paste to Template HTML

Help

<html> 
<head> 
 
<title>one man wrecking machine</title> 
 
</head> 
 
<style type="text/css"> 
 
/*******************************
 Images & Coding (c) Amy 
 @ ohhmacaroni.createblog.com
 
 {August 21,2010}
********************************/
 
/************************************************
 Design basics [background, image, text]
*************************************************/
 
body
{background-color: #FFFFFF;
 background-image: url('http://cbimg6.com/layouts/10/08/36497aa.png'); 
 background-repeat: repeat-repeat;
 background-attachment: scroll;
 font: normal 12px trebuchet ms;
 line-height: 16px;
 color: #000000;
 text-align: justify;
 cursor: crosshair;}
 
 
#image
{background:url('http://cbimg6.com/layouts/10/08/36497ab.png');
 position:absolute;
 left:0px;
 top:0px;
 width: 800px;
 height: 600px;}
 
/************************************************
 Content [position, links (active/visited/normal),
 header]
*************************************************/
#content {position: absolute; top: 460px; left: 290px; width: 350px;}
#content h1 {color: #0a7380; border-bottom: 3px solid #FFFFFF; font-family: 15px tahoma; line-height: 14px; text-align: left; letter-spacing: 4px;}
#content a:link{text-decoration: none; color: #4d3e28; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}       
#content a:hover {color: #c7a776;}
#content a:active {color: #0a7380; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}
#content a:visited {color: #000000; text-decoration: none; font-size: 13px; font-family: verdana; font-weight: bold; letter-spacing:-1px;}
 
/************************************************
 Navigation
*************************************************/
 
#navigation {position: absolute; top: 550px; left: 645px;}
#navigation a:link{text-decoration: none; text-transform : none; color: #0a7380; font-size: 21px; font-style: italic; font-family: verdana; font-weight: bold; letter-spacing:-1px;}       
#navigation a:hover {color: #c7a776;}
#navigation a:active {color: #0a7380; font-size: 21px; font-style: italic; font-family: verdana; font-weight: bold; letter-spacing:-1px;}
#navigation a:visited {color: #000000; text-decoration: none; font-size: 21px; font-style: italic; font-family: verdana; font-weight: bold; letter-spacing:-1px;}
 
 
/************************************************
 Sidebar [position, links (active/visited/normal),
 header
*************************************************/
#sidebarr {POSITION: absolute; TOP: 500px; LEFT: 80px; WIDTH: 200px;}
#sidebarr h1  {color: #4d3e28; background-color: #FFFFFF; font-family: 12px tahoma; line-height: 10px; text-align: right; letter-spacing: 4px;}
#sidebarr a:link{text-decoration: none; color: #0a7380; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}       
#sidebarr a:hover {color: #c7a776;}
#sidebarr a:active {color: #0a7380; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}
#sidebarr a:visited {color: #000000; text-decoration: none; font-size: 13px; font-family: verdana; font-weight: bold; letter-spacing:-1px;}
 
/************************************************
 Bold, italic, underline, strikeout texts
*************************************************/    
 
b, bold   {color: #000000; font: 12px georgia; line-height: 12px;}
i, italic  {color: #000000; line-height: 12px;}
u, underline   {color: #000000; border-bottom: #63a5c7 1px dotted; line-height: 12px;}
s, strikethrough  {color: #000000; text-transform: uppercase; font-size: 10px; line-height: 12px;}
 
 
 
 
 
</style> 
 
<body> 
 
 
<div id="image"></div> 
 
 
 
<div id="navigation"> 
 
 
<a href="homeurl">refresh</a><br> 
<a href="contacturl">contact</a><br> 
<a href="contenturl">content</a><br> 
<a href="link01url">link01</a><br> 
<a href="link02url">link02</a><br> 
<a href="addmore">[...]</a><br> 
  </div> 
 
 
 
<div id="content"> 
 
 
 
<h1>change this</h1> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tincidunt ligula sed mi porttitor at euismod metus fringilla. Pellentesque sit amet placerat neque. Sed imperdiet pellentesque vehicula. Mauris eget condimentum ligula. Nam a dapibus dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ut tellus dolor. Quisque quis ipsum elit. Suspendisse potenti. Nulla vel odio elit, id euismod libero. Sed in nisl ut felis mattis vulputate in et est. Praesent venenatis augue at arcu pellentesque aliquam. Suspendisse non ipsum dolor, id accumsan tortor. Praesent eget felis nibh, sit amet viverra diam. Vivamus quis diam quis elit fringilla tristique.
 
<p> 
 
<h1>change this</h1> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tincidunt ligula sed mi porttitor at euismod metus fringilla. Pellentesque sit amet placerat neque. Sed imperdiet pellentesque vehicula. Mauris eget condimentum ligula. Nam a dapibus dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ut tellus dolor. Quisque quis ipsum elit. Suspendisse potenti. Nulla vel odio elit, id euismod libero. Sed in nisl ut felis mattis vulputate in et est. Praesent venenatis augue at arcu pellentesque aliquam. Suspendisse non ipsum dolor, id accumsan tortor. Praesent eget felis nibh, sit amet viverra diam. Vivamus quis diam quis elit fringilla tristique.
 
<h1>layout details</h1> 
 
<b>Bold Text</b><br> 
<i>Italicized Text</i><br> 
<u>Underlined Text</u><br> 
<s>Strikeout Text</s><br> 
<a href="linkurl">Link</a><p> 
</div> 
 
 
<div id="sidebarr"> 
<h1>about me</h1> 
<br> 
Type up a little bio to go here. Or change it to something else entirely. Whatever floats your boat. :) 
<p> 
 
<h1>updates</h1> 
<br> 
Recent site updates can go here.
<p> 
 
<h1>cbox</h1> 
 
If you choose to have one the <a href="href="http://cbox.ws">cbox</a> can go here
 
<p> 
 
<h1>credits</h1> 
<center> 
<a href="http://unwritten.eu.pn">Amy</a> <a href="http://ohhmacaroni.createblog.com/layouts/">@CB</a><br> 
<a href="http://lemonend.net">x</a><a href="http://disjecta-membra.com">x</a><a href="http://eddie-redmayne.net/">x</a><a href="http://www.elyrics.net/read/g/guster-lyrics/one-man-wrecking-machine-lyrics.html">x</a> 
</center> 
</div> 
 
 
 
 
 
</body> 
</html>