Drunken Rose

Designer's Comments

Look carefully for specific instructions

yay after a looooong break a new Tamplate!

I found the time to do one.
What do you think of this layout
( by the way - I love the monkey XD)

best view with Mozilla Firefox

(please leave a comment, if you use it ^^)

　／l、
ﾞ（ﾟ､｡７
　l、ﾞ ~ヽ
　じしf_, )ノ

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Love Story beyond reality</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-color: #e9e8e6;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e1c0b0;
right: 0px;
text-decoration: none;
}
#parent{
background:transparent; width:100%;
height: 569px;
}
#parent2{
background:#1f1f1f; width:100%;
height: 353px;
}
#header {
height: 97px;
background-image: url(http://cbimg6.com/layouts/09/06/35031ab.gif);
}
#content-pic {
height: 353px;
width:325px;
float: left;
background-image: url(http://cbimg6.com/layouts/09/06/35031ac.jpg);
margin: 0px 0px 0px 0px;
}
#footer-pic {
height: 116px;
width:325px;
float: left;
background-image: url(http://cbimg6.com/layouts/09/06/35031ad.jpg);
margin: 0px 0px 0px 0px;
}
h2 { font-family: georgia;
color: #f05f4e;
line-height: 15px;
text-transform: uppercase;
font-size: 12px;
text-align: left;
letter-spacing: none;
background-color: transparent;
}
h1 { font-family: georgia;
color: #1d0a5b;
letter-spacing: 2;
line-height: 17px;
font-size: 12px;
text-align: left;
letter-spacing: none;
background-color: #fff;
}
ul { font-family: arial;
font-size: 10px;line-height: 11px;
color: #e1c0b0;
background-color: transparent;
}
#titel {
color: #f05f4e;
background-color: transparent;
font-size:11px;
font-family:georgia;
font-style: italic;
font-weight: bold;
overflow: auto;
float: left;
line-height: 15px;
text-align: left;
}
#content {
height: 353px;
background-color: transparent;
color: #000;
margin: 0px 0px 0px 0px;
overflow: auto;
float: left;
text-align: left;
}
#content-parent {
height: 353px;
background-color: transparent;
margin: 0px 0px 0px 0px;
overflow: auto;
float: left;
line-height: 15px;
text-align: left;
}
#content {
height: 349px;
width: 400px;
color: #fff;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
font-size:11px;
font-family:georgia;
overflow: auto;
float: left;
line-height: 15px;
text-align: left;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#bd2b5b;
font-size:9px;
font-family:georgia;
line-height: 12px;
text-align: left;
text-transform: lowercase;
text-decoration: none;
background-color: transparent;
font-style: italic;
cursor: help;
}
#content a:hover, #content a:focus {
color:#fff;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
}
#content2 {
height: 349px;
width: 250px;
color: #fff;
background-color: transparent;
margin: 0px 0px 0px 5px;
padding: 2px 5px 2px 5px;
font-size:11px;
font-family:georgia;
overflow: auto;
float: left;
line-height: 15px;
text-align: left;
border-left: 1px dashed #e9e8e6;
border-right: 1px dashed #e9e8e6;
}
#content2 a, #content2 a:link, #content2 a:active, #content2 a:visited { color:#bd2b5b;
font-size:9px;
font-family:georgia;
line-height: 12px;
text-align: left;
text-transform: lowercase;
text-decoration: none;
background-color: transparent;
font-style: italic;
cursor: help;
}
#content2 a:hover, #content2 a:focus {
color:#fff;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
}
#footer {
height: 325px;
background-color: transparent;
color: #000;
float: left;
margin: 0px 5px 0px 0px;
font-size:11px;
font-family:georgia;
overflow: auto;
float: left;
line-height: 15px;
text-align: left;
}
#footer2 {
height: 325px;
background-color: transparent;
color: #000;
float: left;
margin: 0px 5px 0px 0px;
font-size:11px;
font-family:georgia;
overflow: auto;
line-height: 15px;
text-align: left;
}
#footer2 a, #footer2 a:link, #footer2 a:active, #footer2 a:visited { color:#1f1f1f;
font-size:12px;
font-family:georgia;
line-height: 15px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
cursor: help;
overflow: auto;
border-left: 2px solid transparent;
border-bottom: 5px solid transparent;
padding: 0px 2px 0px 2px;
}
#footer2 a:hover, #footer2 a:focus {
color:#fff;
background-color: #1f1f1f;
cursor: default;
text-decoration: none;
cursor: help;
border-bottom: 5px solid #f05f4e;
padding: 0px 2px 0px 2px;
}
::-moz-selection {
background:#616161;
color:#fff;
}
textarea { border: 1px solid #fff;
background-color: #fff;
width: 260px;
height: 160px;
font-family: arial;
font-size: 10px;line-height: 11px;
color: #0c1054;
}
input { border: 1px solid #fff;
background-color: #fff;
font-size: 10px;
line-height: 11px;
font-family: arial;
color: #0c1054;
}
b, strong { font-family: arial;
font-size: 10px;line-height: 11px;
color: #a85772;
font-weight: bold;
}
i, em { font-family: arial;
font-size: 9px;line-height: 9px;
color: #fff;
font-style: italic;
}
u { font-family: arial;
font-size: 9px;line-height: 9px;
color: #c8ac2d;
text-decoration: none;
border-bottom: 1px dashed #fff;
}
s, stroke { font-family: arial;
font-size: 9px;line-height: 9px;
color: #c8ac2d;
text-decoration: line-through;
}
m { font-family: arial;
font-size: 9px;
line-height: 13px;
color: #000;
text-decoration: none;
background-color: #f05f4e;
margin: 0px 2px 0px 2px;
padding: 0px 3px 0px 3px;
}
  </style>
</head>
<body>
<div id="parent">
<div id="titel"
 style="position: absolute; z-index: 3; text-align: left; left: 162px; width: 149px; top: 207px; height: 68px;">DRUNKEN
ROSE!<br>
<i>         just
dance...</i></div>
<div id="header"><img
 src="http://cbimg6.com/layouts/09/06/35031aa.jpg"
 alt="Layout by ZeBiii"></div>
<div id="parent2">

<div id="content-parent">
<div id="content-pic">.</div>
<div id="content">
<h1>Drunken Rose</h1>
This is the content...<br>
Write whatever you want.<br>
<br>
<h2>Basic Codes</h2>
<u>Do not remove the Copyright and credits!!!</u><br>
<br>
A Link looks like that <a href="#">Linkage</a> in
the content.<br>
<br>
<b>Bold</b> • <i>Italic</i>
• <u>Underline</u> • <s>Stroke</s>
• <m>Mark</m></div>
<div id="content2">Ha another content for other trash XD<br>
<br>
put some pic in this content or some notes or other links, <br>
or music or
video or whatever.. <br>
<object height="200" width="239"><param
 name="movie"
 value="http://www.youtube.com/v/vfxCnZ4Dp3c&hl=de&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1"><param
 name="allowFullScreen" value="true"><param
 name="allowscriptaccess" value="always">
<embed
 src="http://www.youtube.com/v/vfxCnZ4Dp3c&hl=de&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1"
 type="application/x-shockwave-flash" allowscriptaccess="always"
 allowfullscreen="true" height="200" width="239"></object><br><m>Design <i>&<i>Codes © by ZeBiii<br>Credits:</m> <a href="http://www.sweetandtalented.com/">Image(girl)</a> <a href="http://www.deviantart.com">other Images</a></div>
</div>

</div>
<div id="footer">
<div id="footer-pic">.</div>
<div id="footer2"><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">...</a></div>
</div>
</div>
</body>
</html>