5ive

Designer's Comments

Look carefully for specific instructions

note me (or leave a comment), if you use it!

[ best view with Mozilla Firefox]

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>SHOCK!</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 italic;
color: #e67d69;
line-height: 14px;
font-size: 10px;
text-align: center;
letter-spacing: 0;
text-decoration: none;
background-color: transparent;
}
h2 { font-family: arial black;
color: #bebaba;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: center;
text-decoration: none;
background-color: transparent;
border-bottom: 2px solid #fff;
}
h1 { font-family: arial;
color: #d9d5d5;
line-height: 15px;
text-transform: uppercase;
font-size: 9px;
text-align: left;
font-variant:uppercase;
background-color:#707070;
}
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:#e0d4a6;
font-size:10px;
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;
background-color: transparent;
padding: 10px 5px 5px 5px;
}
#navi a:hover, #navi a:focus {
color:#e0d4a6;
cursor: default;
background-color: #110400;
text-decoration: none;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited {
color:#464545;
font-size:7px;
font-family:arial;
line-height:17px;
text-align: center;
margin: 5px 5px 5px 5px;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
#navi2 a:hover, #navi2 a:focus {
color:#000;
cursor: default;
background-color: transparent;
text-decoration: none;
border-left: 5px solid #707070;
border-right: 5px solid #707070;
}
#navi3 a, #navi3 a:link, #navi3 a:active, #navi3 a:visited { color:#1e1302;
font-size:8px;
font-family:arial;
line-height:9px;
text-align: center;
margin: 5px 5px 5px 5px;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
background-color: transparent;
padding: 10px 5px 5px 5px;
}
#navi3 a:hover, #navi3 a:focus {
color:#fff;
cursor: default;
background-color: transparent;
text-decoration: none;
}
#content {
width: 315px;
background-color: transparent;
font-family: arial;
font-size: 10px;
line-height: 12px;
font-style: normal;
color: #707070;
}
#content a { text-decoration: none;
color: #fff;
font-family: arial;
font-size: 10px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background-color: #397070;
border-left: 3px solid #700700;
border-bottom: 2px solid transparent;
border-right: 3px solid transparent;
border-top: 2px solid transparent;
padding: 0px 2px 0px 2px;
}
#content a:active { text-decoration: none;
font-family: arial;
line-height: 11px;
color: #a86983;
font-style: normal;
text-transform: uppercase;
background-color: #397070;
border-left: 3px solid #700700;
border-bottom: 2px solid transparent;
border-right: 3px solid transparent;
border-top: 2px solid transparent;
padding: 0px 2px 0px 2px;
}
#content a:visited { text-decoration: none;
font-family: arial;
line-height: 11px;
color: #a86983;
font-style: normal;
text-transform: uppercase;
background-color: #397070;
border-left: 3px solid #700700;
border-bottom: 2px solid transparent;
border-right: 3px solid transparent;
border-top: 2px solid transparent;
padding: 0px 2px 0px 2px;
}
#content a:hover { color:#fff;
cursor: default;
background-color: #397070;
text-transform: uppercase;
text-decoration: none;
font-style: none;
border-left: 3px solid #fff;
border-bottom: 2px solid #fff;
border-right: 3px solid #700000;
border-top: 2px solid #700000;
padding: 0px 2px 0px 2px;
}
#box {
width: 315px;
background-color: transparent;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
color: #707070;
}
#box a { text-decoration: none;
color: #6d9797;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box a:active { text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #6d9797;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box a:visited { text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #6d9797;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box a:hover { color:#0d9494;
cursor: default;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
font-style: none;
}
#titel {
width: 315px;
background-color: transparent;
font-family: arial black italic;
font-size: 20px;
line-height: 12px;
font-style: normal;
letter-spacing: -2;
color: #fff;
}
#motto {
width: 315px;
background-color: transparent;
font-family: arial black italic;
font-size: 13px;
line-height: 16px;
font-style: normal;
letter-spacing: -1;
color: #8e826b;
}
::-moz-selection {
background:#700000;
color:#fff;
}
textarea { border: 1px solid #700000;
background-color: transparent;
width: 160px;
height: 100px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #700000;
}
input { border: 1px solid #700000;
background-color: transparent;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #700000;
}
b, strong { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #700000;
font-weight: bold;
}
m { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #700000;
background-color:#9ee3e3;
padding: 0px 2px 0px 2px;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b0b00d;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 12px;
color: #096970;
text-decoration: none;
border-bottom: 1px dashed #fff;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b0b00d;
text-decoration: line-through;
} </style>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://cbimg6.com/layouts/08/01/18/24729ab.gif);">

<img
 src="http://cbimg6.com/layouts/08/01/18/24729aa.jpg"
 alt="" usemap="#layout_Map" border="0"
 height="600" width="800"><map name="layout_Map">
<area shape="rect" alt="navi6" coords="689,409,740,430"
 href="#">
<area shape="rect" alt="navi4" coords="689,372,741,393"
 href="#">
<area shape="rect" alt="navi3" coords="689,338,741,359"
 href="#">
<area shape="rect" alt="navi2" coords="689,303,735,326"
 href="#">
<area shape="rect" alt="navi" coords="689,264,736,286"
 href="#">
<area shape="rect" alt="home" coords="544,287,656,457"
 href="#">
</map>

<noscript><div style="display:none"> </div></noscript>
<script type="text/javascript" src="layer.php"></script>

<div id="content"
 style="position: absolute; overflow: auto; z-index: 3; text-align: left; width: 415px; left: 4px; top: 151px; height: 302px;">
<h1>Header - here comes the Headline</h1>
<p></p>
<p>This is the content...<br>
Write whatever you want.<br>
<u>Do not remove the Copyright and credits!!!</u></p>
<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. 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>
</div>
<div id="box"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; top: 154px; height: 298px; left: 423px; width: 127px;">
<h2>Space Filler</h2>
<p>Here is a <b>Box</b>.</p>
<a href="#">...more?</a>
<h2>Lorem Ipsum</h2>
<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.</p>
</div>
<div id="titel"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; height: 44px; top: 104px; left: 7px; width: 403px;">
<p>Your Titel</p>
</div>


<div id="navi2"
 style="position: absolute; z-index: 3; text-align: left; top: 154px; height: 155px; left: 570px; width: 127px;">
<h2>Second Navi</h2>
<table
 style="text-align: left; top: 193px; height: 122px; left: 570px; width: 137px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><a href="#">Link - one</a></td>
      <td><a href="#">Link - two</a></td>
    </tr>
    <tr>
      <td><a href="#">Link - three</a></td>
      <td><a href="#">Link - four</a></td>
    </tr>
    <tr>
      <td><a href="#">Link - five</a></td>
      <td><a href="#">Link - six</a></td>
    </tr>
    <tr>
      <td><a href="#">Link - seven</a></td>
      <td><a href="#">Link - eight</a></td>
    </tr>
    <tr>
      <td><a href="#">Link - nine</a></td>
      <td><a href="#">Link - ten</a></td>
    </tr>
  </tbody>
</table>
</div>
<div id="navi3"
 style="position: absolute; z-index: 3; text-align: left; height: 43px; width: 88px; top: 458px; left: 717px;">
© by ZeBiii<br>
<a href="http://zebiii.createblog.com/">Designer</a><br>
<a href="http://www.outgrow.hk.ms">Website</a><br>
<a href="http://enchantedgal-stock.deviantart.com/">Materials</a>
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 11 comments

your just awesome . i like all of your layouts. and i think this layout should have more than 10 comm . and 5 is like my fav number.. may i use ur layout on my page?

By lsgx on Jul 27, 2009 7:26 pm

I'm in love with the naviagation of this design!

By didtech on Jan 6, 2009 1:16 pm

Ohhh wow. Love the linkage. The grungey effect is overwhelming. Awesome :)

By umbreon on Jan 24, 2008 9:23 pm

falsetigerlimbs, you can type right over the spellng mistake. Might wanna check the coding next time...

By looksweet on Jan 20, 2008 1:14 pm

You're Titel
*your title

dfusdjvcvcc

this layout looks so sleek and professional, but the awful spelling mistake totally kills it. fix it and i'll be impressed. lol

By falsetigerlimbs on Jan 19, 2008 8:09 pm

Oh, cool! :o

By tokyo-rose on Jan 18, 2008 7:59 pm

wow that's amazing, and you used my favorite number too.

By Marlons on Jan 18, 2008 7:54 pm

amazing.

By ChristyChaos on Jan 18, 2008 3:33 pm

GAWSH!!!!
You make like the best designs ever!
im so jealous...lol

By StandardEdition on Jan 18, 2008 3:17 pm

Ok, I officially envy you now. Love this design along with all your others.

By mariosluv6 on Jan 18, 2008 3:00 pm

View all »

Layout Details

Designer	ZeBiii
Submitted on	Jan 18, 2008
Page views	11,535
Favorites	62
Comments	11
Reviewer	S-Majere
Approved on	Jan 18, 2008

5ive

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates