night.light

Designer's Comments

Look carefully for specific instructions

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

* I hate IE >_<

　／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>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-color: #021f1c;
background-image:url(http://cbimg9.com/layouts/08/04/11/26800aa.gif);
background-repeat: repeat-x;

background position: top left;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
#footer {
color: #fff;
position: right;
background-image: url(http://cbimg9.com/layouts/08/04/11/26800ab.jpg);
width: 466px;
height: 20px;
padding: 20px 5px 5px 5px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited { color:#fff;
font-size:8px;
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;
}
#footer a:hover, #footer a:focus {
color:#000;
cursor: default;
background-image: url(http://cbimg9.com/layouts/08/04/11/26800ac.gif);
text-decoration: none;
}
#footer-left a
{
color:#000; text-decoration: none; font: bold 30px Verdana, Arial
background-color: transparent;
}
#footer-left a:hover
{
color:#fff;
text-decoration: none; font: bold 30px Verdana, Arial
background-color: #000;
border-bottom: 2px solid #fff;
}
#parent {
color: #21b6a6;
background-color: #000;
width:476px;
text-align:left;
position:relative;
margin: 63px auto;
border-top: 5px solid #fff;
border: 5px solid #21b6a6;
}
#header {
color: #21b6a6;
position: right;
width: 476px;
height: 215px;
background-image: url(http://cbimg9.com/layouts/08/04/11/26800ad.jpg);
}
h3 { font-family: verdana;
color: #fff;
line-height: 12px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2;
text-align: left;
letter-spacing: none;
background-color: transparenz;
}
h1{font-family:arial;
font-size:18px;
font-style: bold;
line-height: 3px;
color: #021f1c;
text-align: left;
letter-spacing: -1;
text-transform: lowercase;
background-color: #21b6a6;
margin: 2px 0px 2px 0px:
}
h2{
font-family:arial;
font-size:10px;
color:#fff;
text-align: center;
background-color: transparent;
letter-spacing: 5;
text-transform: lowercase;
margin: -11px 0 0 0;
border-top: 3px solid #fff;
}
ul { font-family: arial;
font-size: 10px;line-height: 11px;
color: #e1c0b0;
background-color: transparent;
}
::-moz-selection {
background:#000;
color:#5f5e5f;
}
textarea { border: 1px solid #fff;
background-color: transparent;
width: 260px;
height: 160px;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: #000;
}
input { border: 1px solid #fff;
background-color: transparent;
font-size: 8px;
line-height: 11px;
font-family: arial;
color: #000;
}
b, strong { font-family: arial;
font-size: 12px;line-height: 17px;
color: #c21312;
font-weight: bold;
}
i, em { font-family: arial;
font-size: 11px;line-height: 11px;
color: #fff;
font-style: italic;
}
u { font-family: arial;
font-size: 11px;line-height: 11px;
color: #000;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #fff;
}
s, stroke { font-family: arial;
font-size: 11px;line-height: 11px;
color: #022140;
text-decoration: line-through;
}
m { font-family: arial;
font-size: 11px;
font-style: bold;
line-height: 13px;
color: #fff;
text-decoration: none;
background-color: #0e9788;
padding: 0px 3px 0px 3px;
margin: 0px 2px 0px 2px;
}
#titel {
width: 600px;
background-color: transparent;
color: #fff;
font-family: arial italic;
font-size: 20px;
line-height: 14px;
text-align: left;
letter-spacing: -2;
}
#navi{ text-align: center;
width: 476px;
height: 50px;
background-color: #21b6a6;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#020536;text-decoration: none;font-family: arial italic black;
font-size: 12px;
line-height: 50px;
font-style: normal;
text-transform: none;
background-color: #transparent;
padding: 2px 2px 40px 2px;
border-top: 2px solid #transparent; }
#navi a:hover, #navi a:focus {
text-decoration: none; color: #7c001c;
text-transform: none;
padding: 17px 2px 19px 2px;
background-color: #9db9b6;
border-bottom: 3px solid #021f1c;
}
#content {
width: 466px;
background-color: #9db9b6;
color: #021f1c;
font-family: arial;
font-size: 11px;
line-height: 16px;
text-align: left;
padding: 5px 5px 5px 5px;
}
#content a { text-decoration: none;
color: #0f4b6f;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
#content a:active { text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #7e043e;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
#content a:visited { text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #7e043e;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
#content a:hover { color:#7e043e;
cursor: default;
background-color: transparent;
text-decoration: none;
font-style: none;
}
::-moz-selection {
background:#bb8e71;
color:#003547;
}
#down {
float: left;
font-size:9px;
font-family:arial;
color: #282828;
position: center;
background-color: transparent;
width: 600px;
height: 20px;
margin: 15px 2px 2px 15px;
}
#down a, #down a:link, #down a:active, #down a:visited { color:#282828;
font-size:8px;
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:#fff;
cursor: default;
background-color: transparent;
text-decoration: none;
}
  </style>
</head>
<body>

<div id="parent">
<div id="header">.</div>
<div id="navi"><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>
</div>

<div id="content">
<h1>Header - here comes the Headline</h1>
<h2>Subtitel</h2>
<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>
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><br>
<h1>Lorem Ipsum</h1>
<h2>Something</h2>
<p><i>Lorem ipsum in nec eirmod iudicabit, dicta civibus
mnesarchum
at vix.</i>
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
<s>viderer suscipiantur ut?</s> Ne cum lorem atomorum
persequeris. Qui mundi
delenit imperdiet no. <m>Mei ut corpora invenire instructior. Ut
cum
libris equidem, ut omnium laoreet mei!</m>
Definiebas cotidieque eam id, no mei invidunt platonem interesset, pro
unum aliquam concludaturque et? Debet nostro vim at, <b>veritus
voluptatibus et vel?</b> 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. <u>An platonem tractatos assentior nam,
saepe dicunt
petentium mea et.</u></p>
</div>


<div id="footer">© by ZeBiii<a
 href="http://zebiii.createblog.com/">Designer</a><a
 href="http://www.outgrow.hk.ms">Website</a><a
 href="http://monstrr.org/materials/news.php">monstrr</a><a
 href="http://www.abermals.de/">abermals</a>
</div>

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

Layout Comments

Showing latest 2 of 2 comments

I like the font colors in the content area. The blue nav bar is a bit odd though. ^^;

By dreamgurl36 on Apr 14, 2008 12:06 pm

hottieee.♥
cool layout.

By aaayotiffany on Apr 11, 2008 12:37 pm

Layout Details

Designer	ZeBiii
Submitted on	Apr 11, 2008
Page views	4,890
Favorites	8
Comments	2
Reviewer	pandora
Approved on	Apr 11, 2008

night.light

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates