feat.pure love stories

Designer's Comments

Look carefully for specific instructions

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

best view with Mozilla Firefox* I hate IE >_<

　／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>Snow Diary - Snow Ladies Personal Portfolio</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-color: #000;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e1c0b0;
right: 0px;
text-decoration: none;
}
#parent{
position: absolute; right: 0px;
background:#000; width:100%;
float: left;
height: 100%;
top: 0;
}
#header {
width: 100%;
height: 155px;
float: left;
}
#foot1 {
width: 100%;
height: 129px;
float: left;
background-color: #00ccff;
}
#foot1 a, #foot1 a:link, #foot1 a:active, #foot1 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;
overflow: auto;
border-left: 2px solid transparent;
}
#foot1 a:hover, #foot1 a:focus {
color:#fff;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
border-left: 2px solid transparent;
}
#foot2 {
width: 100%;
height: 52px;
float: left;
background-color: #000;
}
h2 { font-family: courier new, arial,georgia;
color: #000;
line-height: 15px;
text-transform: uppercase;
font-size: 12px;
text-align: center;
letter-spacing: none;
background-color: transparent;
}
h1 { font-family: courier new, arial,georgia;
color: #fff;
letter-spacing: 2;
line-height: 17px;
font-size: 15px;
text-transform: uppercase;
text-align: left;
padding: 0px 2px 0px 2px;
margin: -5px 0px 0px 0px;
background-color: transparent;
}
h3 { font-family: courier new, arial,georgia;
color: #fff;
letter-spacing: 1;
line-height: 14px;
font-size: 12px;
text-transform: uppercase;
text-align: center;
padding: 0px 2px 0px 2px;
border-bottom: 2px solid #00ccff;
}
.topic {padding:17px 0px 10px 27px;
background-color: transparent; margin: 0px 0px 5px 0px; }
.headline {font-family: courier new,arial black italic;
color: #fff;
line-height: 15px;
text-transform: uppercase;
font-size: 11px;
text-align: right;
font-variant:uppercase;
background-color: trasnapernt;
float:left; padding:0px;
}
.headline a{ font-family: courier new,arial black italic;
color: #fff;
line-height: 15px;
text-transform: uppercase;
font-size: 11px;
text-align: right;
font-variant:uppercase;
text-decoration:none;
}
.headline a:hover{ font-family: courier new,arial black italic;
color: #d3181b;
line-height: 15px;
text-transform: uppercase;
font-size: 11px;
text-align: left;
font-variant:uppercase;
}
.date { float:right; padding:8px 15px 10px 30px; font-size:1.31em; font-family: courier new,arial black italic; color:#fff; font-weight:bold; background-color: transparent left no-repeat;
border-left: 3px solid #fff;
}
.clear {
clear:both;
}
.author {
background-color: transparent; color: #0c5a7c;
font-size: 12px;
margin: 39px 0px 0px 4px;
}
ul { font-family: arial;
font-size: 10px;line-height: 11px;
color: #e1c0b0;
background-color: transparent;
}
#navi{ color:#f5e3cb;
font-size:10px;
margin: 0px 5px 0px 0px;
font-family:courier new, arial;
line-height: 12px;
text-align: center;
background-color: #004253;
background-image:url(http://cbimg9.com/layouts/08/06/28050ad.gif);background-repeat: repeat-x;
background position: top left;
font-style: normal;
width: 200px;
height: 100%;
float: left;
}
#navlist{
padding: 3px;
text-align: left;
margin: 0px;}
#navlist li
{
list-style: none;
}
#navlist a
{
color: #fff;
text-decoration: none;
display: block;
padding: 4px 8px;
background-color: #000;
border-bottom: 2px solid #004253;
}
#navlist a:hover {border-bottom: 2px solid #00ccff; color:#00ccff;}
#subnavlist li a
{
border: 0;
text-align: right;
border-left:2px solid #000;
border-right:2px solid #000;
padding: 3px 4px;
margin: -2px 10px 0px -25px;
background-color: #00ccff;
color: #000;
}
#subnavlist li a:hover
{
border-left:2px solid #00ccff;
border-right:2px solid #00ccff;
border: 0;
color: #00ccff;
background-color: #000;
}
#content {
padding: 10px 10px 10px 10px;
width: 579px;
color: #00ccff;
margin: auto;
font-size:11px;
font-family: courier new, arial, verdana;
line-height: 15px;
text-align: justify;
float: left;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#bd2b5b;
font-size:11px;
font-family:courier new, georgia;
line-height: 12px;
text-align: center;
text-transform: lowercase;
text-decoration: none;
background-color: transparent;
cursor: help;
}
#content a:hover, #content a:focus {
color:#fff;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
}
::-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: courier new, arial;
font-size: 12px;
color: #fff;
font-weight: bold;
}
i, em { font-family: arial;
font-size: 11px;
color: #fff;
font-style: italic;
}
u { font-family: courier new,arial;
font-size: 11px;
color: #8fcbff;
text-decoration: none;
border-bottom: 2px dotted #fff;
}
s, stroke { font-family: courier new, arial;
font-size: 11px;line-height: 11px;
color: #8fcbff;
text-decoration: line-through;
}
m { font-family: arial;
font-size: 9px;
line-height: 11px;
color: #fff;
text-decoration: none;
background-color: #454c5c;
margin: 0px 2px 0px 2px;
padding: 0px 3px 0px 3px;
}
blockquote {
margin: 15px;
padding: 15px;
background-color: #004253;
border-left: 5px solid #00ccff;
border-right: 5px solid #00ccff;
color: #000;
}
blockquote:before { font-family: georgia;
color: #00ccff;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
  </style>
</head>
<body>
<div id="header">
<div style="text-align: right;"></div>
<div style="top: 0px; height: 756px;" id="parent">
<div style="" id="header"><img src="http://cbimg9.com/layouts/08/06/28050aa.gif"
 alt="Layout by ZeBiii"></div>
<div style="text-align: left;" id="foot1">
<img style="width: 406px; height: 129px;" src="http://cbimg9.com/layouts/08/06/28050ab.gif"
 alt="Layout by ZeBiii"></div>
<div style="text-align: left;" id="foot2"><img
 src="http://cbimg9.com/layouts/08/06/28050ac.gif" alt="Layout by ZeBiii">
</div>
<div id="navi">
<h2>Index</h2>
<div id="navcontainer">
<ul id="navlist">
  <li id="active"><a href="#" id="current">Blog</a>
    <ul id="subnavlist">
      <li id="subactive"><a href="#"
 id="subcurrent">Site</a></li>
      <li><a href="#">Webmiss</a></li>
      <li><a href="#">Links</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </li>
  <li><a href="#">Stuff</a></li>
  <li><a href="#">Friends</a></li>
  <li><a href="#">Exit</a></li>
</ul>
</div>
</div>
<div id="content"><br>
<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>
<br>
<h1>Basic Codes</h1>
<p>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>
</p>
<br>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum in nec eirmod iudicabit, dicta civibus mnesarchum
at vix.
Cum an soleat detraxit constituto, cu euismod detraxit consulatu nam.
Ad tollit graeco adipisci duo! Ut duo harum nihil sanctus, ne liber
scripserit mea? His id exerci tempor minimum, pro an justo maluisset.
Labore eripuit inermis no pri, his error affert placerat eu, per
viderer suscipiantur ut? Ne cum lorem atomorum persequeris. Qui mundi
delenit imperdiet no. Mei ut corpora invenire instructior. Ut cum
libris equidem, ut omnium laoreet mei!
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? 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. Ut quo quis
nonumy ubique, liber putent ad pro. Eam rebum possim in, indoctum
liberavisse reprehendunt eu has. Pri an inani interpretaris, ad simul
laudem numquam duo. An platonem tractatos assentior nam, saepe dicunt
petentium mea et.</p>
<br>
<h3>blockquote</h3>
<blockquote>You use blockquote to define long quotations</blockquote>
</div>
</div>
</div>
</body>
</html>