SAKURA.NO2

Designer's Comments

Look carefully for specific instructions

please note me or leave a comment when you use this layout

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

[ best view with Mozilla Firefox]

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>MICRO BLOOM</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-color: #004952;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h1 { font-family: georgia;
color: #004952;
line-height: 15px;
font-size: 12px;
text-align: left;
font-variant:uppercase;
background-color: transparent;
border-bottom: 2px solid #004952;
}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}
#navi{ text-align: center;}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#dddddd;text-decoration: none;font-family: arial italic black;
font-size: 12px;
line-height: 25px;
font-style: normal;
text-transform: none;
background-color: transparent;
padding: 8px 2px 3px 2px;
border-top: 2px solid #transparent; }
#navi a:hover, #navi a:focus {
text-decoration: none; color: #004952;
text-transform: none;
background-color: #dddddd;
border-bottom: 2px solid #ebb5be;
}
#content {
width: 315px;
background-color: transparent;
font-family: arial;
font-size: 11px;
line-height: 15px;
font-style: normal;
color: #004952;
padding: 2px 5px 2px 2px;
}
#content a { text-decoration: none;
color: #002952;
font-style: italic;
font-family: georgia;
font-size: 10px;line-height: 11px;
font-weight: bold;
background-color: transparent;
letter-spacing: -1px;
}
#content a:active { text-decoration: none;
font-style: italic;
font-family: georgia;
font-size: 10px;
line-height: 11px;
font-weight: bold;
font-style: normal;
letter-spacing: -1px;
background-color: transparent;
}
#content a:visited { text-decoration: none;
font-style: italic;
font-family: georgia;
font-size: 10px;line-height: 11px;
font-style: normal;
font-weight: bold;
background-color: transparent;
letter-spacing: -1px;
}
#content a:hover { color:#bb1967;
font-style: italic;
cursor: default;
background-color: transparent;
text-decoration: none;
font-weight: bold;
font-style: none;
}
#titel {
width: 315px;
background-color: transparent;
font-family: georgia;
font-size: 12px;
line-height: 13px;
font-style: normal;
color: #fff;
}
::-moz-selection {
background:#051d21;
color:#fff;
}
textarea { border: 1px solid #e4d2a0;
background-color: transparent;
width: 160px;
height: 100px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #000;
}
input { border: 1px solid #051d21;
background-color: transparent;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #000;
}
b, strong { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #670025;
font-weight: bold;
}
m { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #670025;
background-color:#985c89;
padding: 0px 2px 0px 2px;
}
i, em { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #985c89;
font-style: italic;
}
u { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #004952;
text-decoration: none;
border-bottom: 1px dashed #00a2ff;
}
s, stroke { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #004952;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #c0aaae;
border-bottom: 5px solid #831954;
}
  </style>
</head>
<body>
<img src="http://cbimg8.com/layouts/08/04/09/26771aa.jpg" alt="Layout by ZeBiii">
<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="http://cbimg8.com/layouts/08/04/09/26771aa.jpg">
<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; height: 11px; width: 61px; top: 0px; left: 0px;"></div>
</div>


<div id="content"
 style="position: absolute; overflow: auto; z-index: 3; text-align: left; left: 166px; width: 297px; top: 329px; height: 247px;">
<h1>Header - here comes the Headline</h1>
<p><font size="+2">“</font>
This is the content...<br>
    Write whatever you want.<br>
<u>    Do not remove the Copyright and
credits!!!</u></p>
<br>
<h1>Basic Codes</h1>
<blockquote>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>
</blockquote>
<p></p>
<h1>Lorem Ipsum</h1>
<p><font size="+2">“</font>Lorem
ipsum in nec eirmod iudicabit, dicta civibus mnesarchum
at vix.
<i>Cum an soleat</i> detraxit constituto, cu euismod
detraxit consulatu nam.
Ad tollit graeco adipisci duo! <u>Ut duo harum nihil sanctus, ne
liber</u>
scripserit mea? His id exerci tempor minimum, pro an justo maluisset.
Labore eripuit inermis no pri, his error affert placerat eu, per
viderer <m>suscipiantur ut?</m> Ne cum lorem atomorum
persequeris. Qui mundi
delenit imperdiet no. Mei ut corpora invenire instructior. <m>Ut
cum
libris equidem, ut omnium</m> laoreet mei!
<s>Definiebas cotidieque eam id, no mei invidunt platonem
interesset, pro
unum aliquam concludaturque et? Debet nostro vim at, veritus
voluptatibus et vel? Sonet quidam salutandi te sed?</s> Tollit
eirmod ut
eos? Mel ea suas harum quidam! Has dicit affert postea cu, at ius
disputando voluptatibus, vel ei vidisse accusata theophrastus.
Lucilius expetenda ei vix, ut mea malis legimus torquatos. </p>
</div>


<div id="titel"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; left: 172px; width: 293px; top: 0px; height: 32px;">
<p>Sakuran No.2</p>
</div>


<div id="navi"
 style="position: absolute; z-index: 3; overflow: visible; text-align: left; left: 177px; width: 290px; top: 276px; height: 33px;"><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a>
</div>

</body>
</html>