Namie vol.2

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>Titel</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-img:transparent; background-color: #4c899f;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h3 { font-family: arial black italic;
color: #4c899f;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: center;
letter-spacing: 2;
text-decoration: none;
background-color:#000;
}
h2 { font-family: arial black italic;
color: #000;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: center;
letter-spacing: 2;
text-decoration: none;
background-color:#4c899f;
}
h1 { font-family: arial black italic;
color: #fff;
line-height: 15px;
text-transform: uppercase;
font-size: 15px;
text-align: left;
font-variant:small-caps;
text-decoration:none;
background-image:url(http://cbimg9.com/layouts/08/04/15/26883ab.gif);
}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}
#navi{background-color: #000;}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#4c899f;
font-size:10px;
font-family:georgia;
line-height:15px;
display:block;
text-align: left;
border-left: 15px solid #000;
margin: 0 0 5px 0;
padding: 2px 2px 2px 2px;
text-transform: uppercase;
letter-spacing: 1;
text-decoration: none;
font-style: normal;
}
#navi a:hover, #navi a:focus {
color:#000;
border-left: 15px solid #00e4ff;
cursor: default;
background-color:#4c899f;
text-decoration: none;
font-style: none;
}
#navi2{
color:#000;
text-align: justify;
font-size:10px;
font-family:georgia;
line-height:12px;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 2;
cursor: help;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited { color:#000;
font-size:10px;
font-family:georgia;
line-height:20px;
display:block;
text-align: right;
margin: 0 0 1px;
text-transform: uppercase;
letter-spacing: none;
background-color: transparent;;
text-decoration: none;
font-style: normal;
}
#navi2 a:hover, #navi2 a:focus {
text-decoration: none;
color:#f8fbf3;
cursor: default;
background-color: trasnparent;;
font-style: none;
}
#content {
width: 315px;
background-color: #000;
height: 100%;
text-align: justify;
color: #4c899f;
font-size:8pt;
font-family:georgia;
line-height:15px;
padding: 2px 2px 2px 2px;
}
#content a { text-decoration: none;
border: 1px solid transparent;
color: #f6dea0;
font-family: georgia;
font-size: 8pt;
line-height: 11px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
padding: 0px 2px 0px 2px;
}
#content a:active { text-decoration: none;
background-color: transparent;
}
#content a:visited { text-decoration: none;
background-color: transparent;
}
#content a:hover { color:#fff;
cursor: default;
background-color:#4c899e;
text-transform: uppercase;
text-decoration: none;
font-style: none;
padding: 0px 2px 0px 2px;
}
::-moz-selection {
background:#4c899f;
color:#000;
}
textarea { border: 1px solid #616161;
background-color: transparent;;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #616161;
}
input { border: 1px solid #616161;
background-color: transparent;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #616161;
}
b, strong { font-family: georgia;
font-size: 12px;
color: #fff;
font-weight: bold;
}
m { font-family: georgia;
font-size: 11px;
color: #4c899f;
padding: 0px 2px 0px 2px;
background-color: #13303a;
}
i, em { font-family: georgia;
font-size: 11px;
line-height: 11px;
color: #e0d2bd;
font-style: italic;
}
u { font-family: georgia;
font-size: 11px;
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #e10017;
}
s, stroke { font-family: georgia;
font-size: 11px;
color: #e10017;
text-decoration: line-through;
}
  </style>
</head>
<body>
<img src="http://cbimg9.com/layouts/08/04/15/26883aa.jpg"
 alt="Layout by ZeBiii">
<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="header">
<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; width: 0px; height: 0px; top: 413px; left: 232px;"></div>
</div>


<div id="content"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; height: 100%; top: 412px; width: 450px; left: 346px;">
<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>
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></p>
<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. </p>
</div>

<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; top: 471px; left: 131px; width: 186px;">
<h2>Navigation</h2>
<a href="#">The History</a>
<a href="#">The Love</a>
<a href="#">The Dreams</a>
<a href="#">The Life</a>
<a href="#">The Passion</a>
<a href="#">The Brave</a>
<a href="#">The Day & Night</a>
<a href="#">The People</a>
<a href="#">The Treasure</a>
</div>
<br>
<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 186px; top: 740px; left: 131px;">
<h3>Navigation</h3>
<a href="#">The History</a>
<a href="#">The Love</a>
<a href="#">The Dreams</a>
<a href="#">The Life</a>
<a href="#">The Passion</a>
<a href="#">The Brave</a>
<a href="#">The Day & Night</a>
<a href="#">The People</a>
<a href="#">The Treasure</a>
</div>
<div id="navi2"
 style="position: absolute; overflow: visible; z-index: 4; height: 167px; top: 471px; left: 821px; width: 192px;">
<h3>Navigation</h3>
<a href="#">My Life</a>
<a href="#">You're Love</a>
<a href="#">Her Dreams</a>
<a href="#">His Passion</a>
<a href="#">There Days</a>
<a href="#">Their Nights</a>
<br>
Wie beiläufig, beim Umblättern der Buchseiten, habe
ich <b>Dein B berühr</b>t. Man hatte Dich mir als
Type geschildert,der man in allen Bibliotheken begegnet: sehr belesen,
doch eher
unscheinbar, von etwas altmodelnder Art. <u>Mir aber gefiel</u>
DeineAnmutung, kleine Antiqua. Nicht zu verschweigen Deine weiblichen
Rundungen, Deine Os und <i>Dein verlockendes V</i>, das
sich mit deutlichem Duktus durch das feine Dünndruckpapier wie
in seidenen Dessous
abdrückte.
<h3>Credits</h3>
<a href="http://www.zebeya.myblog.de">DESIGNER</a>
<a href="http://www.shizzoo.com/">MATERIALS</a>
Do not change anything in the [Code]!<br>
</div>
</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

Using the layout =)

By Hinase on Nov 18, 2010 11:27 am

omg namie amuro :)

By PiNK-RAGe on Apr 25, 2008 9:20 pm

I have no idea who that is, but i love the color scheme. Everything just works so well. Kudos!

By futura on Apr 15, 2008 4:55 pm

Ooh, nice!

By tokyo-rose on Apr 15, 2008 4:08 pm

Very nice template! Love how you do 3 column layouts which no one else really does. ^^ I like the left nav area and the middle content area.

By dreamgurl36 on Apr 15, 2008 10:07 am

Layout Details

Designer	ZeBiii
Submitted on	Apr 15, 2008
Page views	5,398
Favorites	19
Comments	5
Reviewer	S-Majere
Approved on	Apr 15, 2008

Namie vol.2

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates