Takehito

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://cbimg6.com/layouts/08/09/31174ab.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://cbimg6.com/layouts/08/09/31174ab.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://cbimg6.com/layouts/08/09/31174ac.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://cbimg6.com/layouts/08/09/31174ad.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://cbimg6.com/layouts/08/09/31174ad.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://cbimg6.com/layouts/08/09/31174ae.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://cbimg6.com/layouts/08/09/31174aa.png">
<img src="http://cbimg6.com/layouts/08/09/31174aa.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>

Layout Comments

Showing latest 4 of 4 comments

Awesome work!!
Please can you make it for blogger?? I was looking for something like this! I'd love to use it on my blog >_<

I only make an acount for this request..xD TY!

By hihiko on Oct 30, 2008 2:36 pm

this is brilliant! xD

By deadaccount on Sep 7, 2008 5:12 am

awesome

By stormbringer on Sep 6, 2008 4:06 pm

this is super cute ^_^

By JRock-Layouts-and-Graphics on Sep 6, 2008 2:29 pm

Layout Details

Designer	technicolor-rainbow
Submitted on	Sep 5, 2008
Page views	4,045
Favorites	20
Comments	4
Reviewer	Blaqheartedstar
Approved on	Sep 6, 2008

Takehito

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates