blue.sky

Designer's Comments

Look carefully for specific instructions

oh, I accidentally removed the layout 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>blue.sky</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-img:transparent;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h3 { font-family: arial;
color: #5f5d62;
line-height: 14px;
font-size: 12px;
text-transform: uppercase;
text-align: right;
text-decoration: none;
padding: 2px 5px -2px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 3px groove #ebebeb;
}

h2 { font-family: arial black;
color: #e600ad;
line-height: 16px;
text-transform: uppercase;
font-size: 12px;
text-align: left;
letter-spacing: -1;
background-color: #ebb4d3;
opacity: 0.5;
padding: 2px 2px 2px 2px;
border-bottom: 2px groove #e600ad;
}
h1 { font-family: arial;
color: #5f5d62;
letter-spacing: -1;
line-height: 14px;
font-size: 15px;
text-align: left;
text-transform: uppercase;
border-bottom:1px solid #5f5d62;
background-image: url(http://cbimg6.com/layouts/09/08/35380ab.gif);"
}
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:#00e3dc;
font-size:9px;
font-family: arial;
line-height:15px;
display:block;
text-align: right;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
background-color:#d7e3e3;
padding: 0px 0px 2px 2px;
border-bottom: 1px solid #00e3dc;
padding: 0px 2px 0px 0px;
}
#navi a:hover, #navi a:focus {
color:#fe0093;
cursor: default;
text-decoration: none;
font-style: none;
padding: 0px 2px 0px 0px;
border-bottom: 1px solid #fe0093;
background-image: url(http://cbimg6.com/layouts/09/08/35380ac.gif);"
}
#title {
width: 315px;
background-color: transparent;
font-family: century gothic;
font-size: 12px;
line-height: 13px;
font-style: normal;
color: #f3dbea;
}
#content {
width: 315px;
background-color: transparent;
font-size:11px;
font-family: arial;
line-height:15px;
text-align: justify;
padding: 0px 5px 0px 5px;
color: #797a7b;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#fffc00;
font-size:10px;
font-family:arial;
line-height:12px;
text-align: left;
letter-spacing: none;
text-decoration: none;
background-color: #fdacbf;
font-style: normal;
letter-spacing: 1px;
padding: 0px 2px 0px 2px;
}
#content a:hover, #content a:focus {
color:#dc0064;
cursor: default;
background-color: #fffc00;
text-decoration: none;
font-style: none;
}
::-moz-selection {
background:#fffc00;
color:#06bbe2;
}
textarea { border: 1px solid #fffc00;
background-color: #58495c;
width: 250px;
height: 200px;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
}
input { border: 1px solid #fffc00;
background-color: #58495c;
font-size: 10px;
font-family: arial;
line-height: 11px;
color: #e6e5e3;
}
b, strong { font-family: arial;
font-size: 12px;
line-height: 16px;
color: #14b9de;
font-weight: bold;
}
m { font-family: arial;
font-size: 11px;
line-height: 15px;
background:#fffc00;
color:#e20690;
padding: 0px 2px 0px 2px;
}
i, em { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #4f5d60;
font-style: italic;
}
u { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #68bfd2;
text-decoration: none;
border-bottom: 1px solid #df14a1;
}
s, stroke { font-family: arial;
font-size: 11px;
line-height: 15px;
color: #4f5d60;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #dbf2f3;
border-bottom: 2px solid #36adbb;
}
blockquote:before { font-family: georgia;
color: #ff0066;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
  </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-color: rgb(227, 227, 227);">

<div style="left: 0px; top: 0px;"
 id="http://cbimg9.com/layouts/08/04/17/26917aa.jpg"><img
 style="width: 1100px; height: 1062px;"
 src="http://cbimg6.com/layouts/09/08/35380aa.gif"
 alt="Layout by ZeBiii"></div>

<div id="content"
 style="position: absolute; overflow: auto; z-index: 3; text-align: justify; height: 100%; top: 0px; left: 0px; width: 433px;">
<h1>Lorem Ipsum</h1>
Lorem ipsum in nec eirmod iudicabit, dicta civibus mnesarchum
at vix.Cum an soleat <b>detraxit constituto,</b> cu
euismod detraxit consulatu
nam.
<u>Ad tollit graeco adipisci duo! Ut duo harum nihil sanctus</u>,
ne liber
scripserit mea? His id exerci tempor minimum, pro an justo maluisset.
Labore eripuit inermis no pri, his<m> error affert placerat eu</m>,
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
<i>unum aliquam concludaturque et?</i> 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 <s>vidisse accusata theophrastus.</s>

Lucilius expetenda ei vix, ut mea malis legimus torquatos.
<h3>Wenn ich gross bin </h3>
Ich bin nur ein kleiner Blindtext. Wenn ich gross bin, will ich Ulysses
von James Joyce werden. Aber jetzt lohnt es sich noch nicht, mich
weiterzulesen. Denn vorerst bin ich nur ein kleiner Blindtext.
Gummibaerchen
<h3>Freilebende Gummibaerchen gibt es nicht.</h3>
Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn
einer fast erotischen und sehr ambivalenten Beziehung
Gummibaerchen-Mensch. Zuerst genieaet man. Dieser
GenuÃŸ umfaet alle Sinne. Man waehlt in den
GummibÃ¤rchen, man fÃ¼hlt sie. Gummibaerchen
haben eine Konsistenz wie weichgekochter Radiergummi. Die
Tastempfindung geht auch ins Sexuelle. Das bedeutet nicht unbedingt,
da das Verhaeltnis zum Gummibaerchen ein
geschlechtliches waere, denn prinzipiell sind diese
geschlechtsneutral. Nun sind Gummibaerchen weder wabbelig noch
zÃ¤h; sie stehen genau an der Grenze. Auch das macht sie
spannend. Gummibaerchen sind auf eine aufreizende Art weich.
Und da sie weich sind, kann man sie auch ziehen. Ich mache das sehr
gerne. Ich sitze im dunklen Kino und ziehe meine Gummibaerchen
in die Laenge, ganz ganz langsam. Man will sie nicht
kaputtmachen, und dann siegt doch die Neugier, wieviel Zug so ein
BÃ¤rchen aushaelt. (Vorstellbar sind u.a.
GummibÃ¤rchen-Expander faer Kinder und Genesende).
Forscherdrang und gleichzeitig das Boese im Menschen erreichen
den Climax, wenn sich die Mitte des gezerrten BÃ¤rchens von
Millionen Mikrorissen weisst faebt und gleich darauf
das zweigeteilte Staeck auf die Finger zuraeckschnappt.
Man hat ein Gefaehl der Macht aeber das hilflose, nette
GummibÃ¤rchen. Und wie man damit umgeht: Mensch erkenne dich
selbst! Jetzt ist es so, dass Gummibaerchen ja nicht
gleich GummibÃ¤rchen ist. Ich bevorzuge das klassische
Gummibaerchen, kuenstlich gefaebt und
aromatisiert. Mag sein, dasses eine Sentimentalitaet
ist. </div>


<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 241px; height: 255px; top: 0px; left: 474px;">
<h2>Index</h2>
<a href="#">Reload</a>
<a href="#">About</a>

<a href="#">Blog</a>
<a href="#">Contact</a>
<a href="#">Guest</a>
<a href="#">RRS Feed</a>
</div>
<br>
<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; height: 163px; width: 200px; top: 0px; left: 794px;">
<h2>Goodies</h2>
<a href="#">Sweet</a>
<a href="#">Honey</a>

<a href="#">Ice</a>
<a href="#">Cream</a>
<a href="#">Taste</a>
<a href="#">Good</a>
</div>

</body>
</html>