Sakura Blossom

Designer's Comments

Look carefully for specific instructions

note me (or leave a comment), if you use it!

[ best view with Mozilla Firefox]

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>ROUND   ROUND
  ROUND    or [ write you're own
TITEL]    </title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background: #fff;
margin: 40px;
text-align: center;
}
#titel {
color: #bc98aa;
background-color: transparent;
width: 300px;
text-align:left;
position:relative;
margin: 0 auto;
}
#parent {
color: #dccfb9;
background-color: #300636;
width: 300px;
text-align:left;
position:relative;
margin: 0 auto;
border: 2px solid #bc98aa;
}
#header {
color: #dccfb9;
position: right;
width: 300px;
height: 182px;
background-image: url(http://cbimg6.com/layouts/08/01/17/24712aa.jpg);
margin: 0px 0px 1px 0px;
}
h2 { font-family: verdana;
color: #fff;
line-height: 3px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2;
text-align: left;
letter-spacing: none;
background-color: transparent;
border-bottom: 1px solid #9fa09c;
}
h1 { font-family: georgia italic;
color: #440b28;
letter-spacing: none;
line-height: 12px;
font-size: 12px;
text-align: left;
letter-spacing: none;
background-color: transparent;
border-bottom: 2px solid #fff;
}
ul { font-family: arial;
font-size: 10px;line-height: 11px;
color: #e1c0b0;
background-color: transparent;
}
::-moz-selection {
background:#080832;
color:#d3ccab;
}
textarea { border: 1px solid #917282;
background-color: transparent;
width: 200px;
height: 160px;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: #917282;
}
input { border: 1px solid #917282;
background-color: transparent;
font-size: 8px;
line-height: 11px;
font-family: arial;
color: #917282;
}
b, strong { font-family: arial;
font-size: 10px;line-height: 12px;
color: #562b1a;
font-weight: bold;
}
i, em { font-family: arial;
font-size: 9px;line-height: 11px;
color: #fff;
font-style: italic;
boder-bottom: 1px dashed ##FF80FF;
}
u { font-family: arial;
font-size: 9px;line-height: 11px;
color: #917282;
text-decoration: underline;
border-bottom: 1px dotted #fff;
}
s, stroke { font-family: arial;
font-size: 9px;line-height: 11px;
color: #917282;
text-decoration: line-through;
}
m { font-family: arial;
font-size: 9px;
line-height: 13px;
color: #fff;
text-decoration: none;
background-color: #917282;
padding: 0px 2px 0px 2px;
margin: 0px 2px 0px 2px;
}
#content {
width: 290px;
background-color:#bc98aa;
color: #644928;
font-family: arial;
font-size: 10px;
line-height: 14px;
text-align: left;
padding: 5px 5px 5px 5px;
}
#content a { text-decoration: none;
color: #743a56;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
border-bottom: 1px dotted #dd247e;
}
#content a:active { text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #272e20;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
border-bottom: 1px dotted transparent;
}
#content a:visited { text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #272e20;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
border-bottom: 1px dotted transparent;
}
#content a:hover { color:#dd247e;
cursor: default;
background-color: transparent;
text-decoration: none;
font-style: none;
border-bottom: 1px dotted #fff;
}
::-moz-selection {
background:#bb8e71;
color:#003547;
}
#down {
font-size:9px;
font-family:arial;
color: #fff;
position: center;
background-image: url(http://cbimg6.com/layouts/08/01/17/24712ab.jpg);
width: 296px;
height: 15px;
padding: 5px 2px 0px 2px;
}
#down a, #down a:link, #down a:active, #down a:visited { color: #fff;
font-size:7px;
font-family:arial;
line-height:12px;
text-align: center;
margin: 5px 5px 5px 5px;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
padding: 2px 2px 2px 2px;
}
#down a:hover, #down a:focus {
color:#606060;
cursor: default;
background-color: transparent;
text-decoration: none;
}
#navi {
font-size:9px;
font-family:arial;
color: #300636;
position: center;
background-color: #decfba;
width: 296px;
height: 15px;
margin: 0px 0px 1px 0px;
text-align: center;
padding: 5px 2px 0px 2px;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color: #675337;
font-size:8px;
font-family:arial;
line-height:12px;
text-align: center;
letter-spacing: 1;
text-decoration: none;
font-style: normal;
padding: 2px 1px 2px 1px;
margin: 5px 5px 5px 5px;
}
#navi a:hover, #navi a:focus {
color:#740e62;
cursor: default;
background-color: transparent;
text-decoration: none;
background-color: #c1ae94;
}
  </style>
</head>
<body style="background-color: rgb(58, 45, 60);">

<div id="titel">Your titel ...</div>
<div id="parent">
<div id="header">.</div>

<div id="navi"><a href="#">Home</a><a
 href="#">About</a><a href="#">Contact</a><a
 href="#">Link in</a><a href="#">Link out</a>
<a href="#">Guestbook</a>
<a href="#">Exit</a>
</div>


<div id="content">
<h1>Header - here comes the Headline</h1>
<p>This is the content...<br>
Write whatever you want.<br>
<u>Do not remove the Copyright and credits!!!</u></p>
<h1>Basic Codes</h1>
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="down">© by
ZeBiii     
      
      
      
      <a
 href="http://zebiii.createblog.com/">Designer</a><a
 href="http://www.outgrow.hk.ms">Website</a>
</div>

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