Harada

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;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h2 {
font-family: Verdana;
color: #f16c98;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url(http://cbimg6.com/layouts/08/08/30625ac.png);
background-repeat: no-repeat;
background-color: #ffcfde;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 0px;
border-bottom: 1px #dc1557 dotted;
border-left: 0px #f16c98 solid;
}
h4 {
font-family: Verdana;
color: #f16c98;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url(http://cbimg6.com/layouts/08/08/30625ac.png);
background-repeat: no-repeat;
background-color: #ffcfde;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 0px;
border-bottom: 1px #dc1557 dotted;
border-left: 3px #f16c98 solid;
}
h3 {
font-family: Verdana;
color: #b25b76;
line-height: 16px;
margin: 0px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background: url(http://cbimg6.com/layouts/08/08/30625ad.gif);
padding: 0px 0px 0px 2px;
border-bottom: 1px #b25b76 dotted;
border-left: 3px #b25b76 solid;
}
h1 {
font-family: Verdana;
color: #d74575;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url();
background-repeat: no-repeat;
background-color: #ffcfde;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 3px;
border-bottom: 1px #dc1557 dotted;
border-left: 3px #d74575 solid;
}
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;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
background-color: #f3f3f3;
color: #cd1a55;
font-style: normal;
padding: 0px 0px 2px 2px;
border-left: 3px solid #f16c98;
}
#navi a:hover, #navi a:focus {
color:#765183;
cursor: default;
text-align: right;
text-decoration: none;
font-style: none;
padding-right: 3px;
background: #e5cff0 url();
border-left: 3px solid #9f78ad;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited {
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
color: #cd1a55;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/08/08/30625ae.png);
background-repeat: no-repeat;
background-position: bottom right;
padding: 0px 0px 2px 2px;
border-left: 3px solid #f16c98;
}
#navi2 a:hover, #navi2 a:focus {
color:#9f78ad;
cursor: default;
text-align: right;
text-decoration: none;
font-style: none;
padding-right: 3px;
background: #e5cff0;
background-image: url(http://cbimg6.com/layouts/08/08/30625ae.png);
background-repeat: no-repeat;
background-position: bottom right;
border-left: 3px solid #9f78ad;
}
#title {
wridth: 100%;
right: 360px;
top: 130px;
background-color: transpaent;
float: right;
font-family: georgina;
font-size: 25px;
line-height: 13px;
font-style: normal;
color: #212121;
text-align: right;
position: absolute;
}
#content {
width: 360px;
background-color: #ededed;
background-image: url(http://cbimg6.com/layouts/08/08/30625ae.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
line-height:16px;
flost: right;
text-align: right;
border-top: 1px #d74e80 dotted;
border-left: 3px #d74e80 solid;
padding: 0px 2px 0px 2px;
color: #8f8f8f;
}
#sidebar {
width: 180px;
background-color: transparent;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #9d9d9d;
}
#sidebar2 {
width: 180px;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/08/08/30625ae.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
border-left: #f16c98 3px solid;
padding: 0px 0px 0px 0px;
color: #797a7b;
}
#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: #846298;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#sidebar2 a:hover, #sidebar2 a:focus {
color:#e865a0;
cursor: default;
background-color: #ffe6f1;
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: #846298;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#content a:hover, #content a:focus {
color:#e865a0;
cursor: default;
background-color: #ffe6f1;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffd3e1;
color:#e01555;
}
textarea { border: 1px solid #e4d2a0;
background-color: #58495c;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
}
input { border: 1px solid #ffffff;
background-color: #58495c;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #e6e5e3;
}
b, strong { color: #1e3544; font-weight: bold; }

m { font-family: arial;
font-size: 10px;
line-height: 11px;
background:#b4c36d;
color:#5c6a21;
padding: 0px 2px 0px 2px;
}

i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b25a76;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b25a76;
text-decoration: none;
border-bottom: 1px solid #6d3f5a;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #6d3f5a;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #c3c3c3;
border-bottom: 3px solid #d74e80;
}
blockquote:before {
font-family: georgia;
color: #d74e80;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header2 {
width: 777px;
height: 458px;
float: right;
background: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay1/header-2.png) no-repeat top right;
}
  </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay1/linha2.gif); background-repeat: repeat-x;">

<div id="header2">
</div>

<div id="title"><img src="http://cbimg6.com/layouts/08/08/30625aa.png" style="margin-bottom: -18px;">!TITLE HERE!<img src="http://cbimg6.com/layouts/08/08/30625ab.png" style="margin-bottom: -18px;"></div>

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 ~.~
please, don't remove the credits :B

<p>

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

</div>

<div style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 180px; right: 410px; top: 445px; height: 163px;"><div id="sidebar" style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 180px;">

<div style="text-align: left; width: 180px; right: 410px; padding-bottom: 0px;">
<div id="sidebar2">
<h2>Me</h2>
blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla
</div>
<p>
<div id="sidebar2">
<h2>Links</h2>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
</div>
<p>
<div id="sidebar2">
<h2>Credits</h2>
Layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor.rainbow</a><p></div>
</div>

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