Kenzo

Designer's Comments

Look carefully for specific instructions

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>TITLE</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">
body { background-img:transparent;
margin:0px;
background-color: #eaeaea;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h2 {
font-family: verdana;
color: #f6637d;
margin-bottom: 0px;
font-size: 10px;
font-weight: normal;
text-align: left;
line-height:12px;
background: #ffd5d5 url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/sidebar4.png) top right repeat-y;
border-bottom: 3px double #f6637d;
border-top: 1px #ff8d97 solid;
border-left: 1px dotted #f6637d;
border-right: 1px #ffb6bb dotted;
padding-left: 5px;
}
h3 {
font-family: verdana;
color: #f6637d;
font-size: 10px;
font-weight: normal;
margin-bottom: 4px;
text-align: left;
background: #ffd5d5 url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/sidebar4.png) top right repeat-y;
border-bottom: 3px double #f6637d;
border-top: 1px #ff8d97 solid;
border-left: 1px dotted #f6637d;
border-right: 1px #ffb6bb dotted;
padding-left: 5px;
margin: 0xp;
}
h1 {
font-family: verdana;
color: #f6637d;
font-size: 10px;
font-weight: normal;
text-align: left;
background: #ffd5d5 url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/sidebar5.png) top right repeat-y;
border-bottom: 3px double #f6637d;
border-top: 1px #ff8d97 solid;
border-left: 1px dotted #f6637d;
border-right: 1px #ffb6bb dotted;
padding-left: 5px;
margin: 0xp;
}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#c4689d;
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
letter-spacing: 1px;
text-decoration: none;
color: #ea4550;
font-style: normal;
background: #fff0f3;
margin-top: 0px;
padding: 0px 0px 1px 5px;
border-left: 3px double #ffb6c6;
border-right: 1px dotted #ffc4d1;
border-bottom: 1px solid #ffd0da;
}
#navi a:hover, #navi a:focus {
color:#842f41;
cursor: default;
text-decoration: none;
font-style: none;
text-align: center;
background: #ffe3e3 url();
border-left: 3px double #da2d4a;
border-right: 1px dotted #ff6e86;
border-bottom: 1px solid #ff8297;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited { color:#1a8396;
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
letter-spacing: none;
text-decoration: none;
font-style: normal;
background-color: #f8fdd5;
opacity: 0.5;
padding: 0px 0px 2px 2px;
border-left: 2px solid #8de6f6;
}
#navi2 a:hover, #navi2 a:focus {
color:#1a8396;
cursor: default;
text-decoration: none;
font-style: none;
opacity: 1.0;
border-left: 2px solid #fe0093;
}
#title {
left: 390px;
top: 75px;
background-color: transpaent;
font-family: Bookman, serif;
font-size: 24px;
padding-top: 5px;
height: 35px;
color: #e2324b;
font-style: italic;
font-variant: small-caps;
text-align: right;
position: absolute;
}
#content {
width: 360px;
background-color: #dedede;
font-size:11px;
font-family: arial;
line-height:13px;
text-align: left;
padding: 4px;
background-image: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/Untitled-3.png);
background-position: bottom right;
background-repeat: no-repeat;
color: #52242e;
border-left: 1px #682236 dotted;
border-top: 1px #851535 solid;
}
#sidebar {
width: 210px;
background-color: transparent;
font-size:11px;
font-family: arial;
line-height:12px;
text-align: left;
padding-top: 0px;
color: #52242e;
}
#sidebar2 {
font-size:11px;
font-family: arial;
line-height:12px;
background-color: #dedede;
text-align: left;
background-image: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/Untitled-3.png);
background-position: bottom right;
background-repeat: no-repeat;
color: #52242e;
margin-top: -4px;
border-left: 1px #f6637d dotted;
padding-bottom: 4px;
}
#sidebar2 a, #sidebar2 a:link, #sidebar2 a:active, #sidebar2 a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #c22545;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#sidebar2 a:hover, #sidebar2 a:focus {
color:#db2f4a;
cursor: default;
background-color: #ff93a4;
text-decoration: none;
font-style: none;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #c22545;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#content a:hover, #content a:focus {
color:#db2f4a;
cursor: default;
background-color: #ff93a4;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffbcc0;
color:#ea4550;
}
textarea { border: 1px solid #f73442;
background-color: #e4e4e4;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #b63a43;
}
input { border: 1px solid #f73442;
background-color: #e4e4e4;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #b63a43;
}
b, strong { color: #e63c48; font-weight: bold; }

m { font-family: arial;
font-size: 10px;
line-height: 11px;
background:#d4bbdf;
color:#6b5078;
padding: 0px 2px 0px 2px;
}

i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #7b568c;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b82345;
text-decoration: none;
border-bottom: 1px dashed #6d3f5a;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #db2f4a;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #d4d4d4;
border-bottom: 3px double #ea4250;
border-left: 1px dotted #c32645;
border-right: 1px dotted #c32645;
border-top: 0px solid #e08194;
}
blockquote:before {
font-family: georgia;
color: #db2f4a;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header {
width: 287px;
height: 248px;
float: right;
margin-top: 200px;
background: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/header2.png) no-repeat;
}
  </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/linha.gif); background-repeat: repeat-y;">

<div style="left: 0px; width: 800px; top: 0px; height: 505px;"
 id="http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/header1.png">
<img src="http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay5/header1.png"></div>
<div id="header">

</div>

<div id="title">!Title Here!</div>

<div id="content" style="position: absolute; z-index: 3; text-align: left; width: 360px; left: 366px; top: 352px">
<h1>Blah</h1>

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content coisas ~.~

<p>

<blockquote><b>Bold</b> : <i>Italic</i>
:  <m>Mark</m> : <s>Stroke</s>
: <u>Underline</u></blockquote>

<p></p>

</div>

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

</div>
<p>

<h3>Links</h3>
<div id="sidebar2">

* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>

</div>
<p>

<h3>Credits</h3>
<div id="sidebar2">

Layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor.rainbow</a>
</div><p>
</div>

</div>
</body>
</html>

<script type="text/javascript">
var websiteID='bang-boom.org';
</script>
<script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
<noscript>
<a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=bang-boom.org" alt="web hosting" /></a>
</noscript>