beyond reality

Designer's Comments

Look carefully for specific instructions

so please note me or leave a comment when you use this layout or when you only use the coding of this layout.

　／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>Love Story beyond reality</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-image: url(http://cbimg6.com/layouts/08/03/17/26260ac.jpg);
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e1c0b0;
right: 0px;
text-decoration: none;
}
#parent{
position: absolute; bottom: 0%; left: 0px;
background:#0a1837; width:100%;
height: 250px;
}
#header {
width: 228px;
height: 250px;
float: left;
margin: 0px 10px 0px 0px;
}
h2 { font-family: georgia;
color: #f5e3cb;
line-height: 15px;
text-transform: uppercase;
font-size: 10px;
font-variant: small-caps;
text-align: left;
letter-spacing: none;
background-color: transparent;
border-bottom: 1px dashed #f5e3cb;
}
h1 { font-family: georgia;
color: #f5e3cb;
letter-spacing: 2;
line-height: 17px;
font-size: 12px;
text-align: left;
letter-spacing: none;
background-color: transparent;
}
ul { font-family: arial;
font-size: 10px;line-height: 11px;
color: #e1c0b0;
background-color: transparent;
}
#navi{ color:#f5e3cb;
font-size:9px;
font-family:arial;
line-height: 12px;
text-align: left;
margin: 0 0 1px;
text-decoration: none;
background-color: transparent;
font-style: normal;
overflow: auto;
width: 200px;
height: 240px;
border-left: 2px solid transparent;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#0a1837;
font-size:9px;
font-family:georgia;
line-height: 15px;
text-align: left;
text-transform: lowercase;
text-decoration: none;
background-color: #fff;
font-style: italic;
cursor: help;
overflow: auto;
display: block;
opacity: 0.5;
border-left: 2px solid transparent;
}
#navi a:hover, #navi a:focus {
color:#0a1837;
background-color: #fff;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
font-style: italic;
font-weight: bold;
opacity: 1.0;
border-left: 2px solid #f5e3cb;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 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;
}
#navi2 a:hover, #navi2 a:focus {
color:#fff;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
border-left: 2px solid transparent;
}
#content {
width: 300px;
height: 245px;
background-color: #132140;;
color: #fff;
float: right;
padding: 2px 5px 2px 5px;
margin: 0px 5px 0px 0px;
font-size:11px;
font-family:georgia;
overflow: auto;
float: left;
line-height: 15px;
text-align: left;
}
#content a, #content a:link, #content a:active, #content 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;
}
#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: arial;
font-size: 10px;line-height: 11px;
color: #a85772;
font-weight: bold;
}
i, em { font-family: arial;
font-size: 9px;line-height: 9px;
color: #fff;
font-style: italic;
}
u { font-family: arial;
font-size: 9px;line-height: 9px;
color: #c8ac2d;
text-decoration: none;
border-bottom: 1px dashed #fff;
}
s, stroke { font-family: arial;
font-size: 9px;line-height: 9px;
color: #c8ac2d;
text-decoration: line-through;
}
m { font-family: arial;
font-size: 9px;
line-height: 13px;
color: #fff;
text-decoration: none;
background-color: #454c5c;
margin: 0px 2px 0px 2px;
padding: 0px 3px 0px 3px;
}
  </style>
</head>
<body>
<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: 4px; height: 7px; top: 14px; left: 47px;"></div>
<img
 src="http://cbimg6.com/layouts/08/03/17/26260aa.jpg"
 alt="Layout by ZeBiii"></div>
<div id="parent">
<div id="header"><img
 src="http://cbimg6.com/layouts/08/03/17/26260ab.jpg"
 alt="Layout by ZeBiii"></div>

<div id="content">
<h1>Love Story beyond reality</h1>
This is the content...<br>
Write whatever you want.<br>
<br>
<h1>Basic Codes</h1>
<u>Do not remove the Copyright and credits!!!</u>
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>
</div>


<div id="navi" style="overflow: auto;">
<h2>Navigation</h2>
<a href="#">he is a secret person</a>
<a href="#">she will keep it ...</a>
<a href="#">a secret only for her.</a>
<h2>Horizontal</h2>
This is my second horizontal <u>Website Templates</u>
<b>&</b>
I like it very much ^^
<div id="navi2" style="overflow: auto;">
<h2>Credits</h2>
<a href="http://www.desiringhayden.net/images/index.php">Images</a>
<a href="http://shizoo.frozen-media.de/index.php">Materials</a>
<a href="http://zebiii.createblog.com/">Design by ZeBiii</a>
<a href="http://outgrow.hk.ms/">Design Website</a>
</div>
</div>

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

Layout Comments

Showing latest 10 of 11 comments

i like it. and im using it. ok :D

By yummy707 on Apr 2, 2008 11:36 pm

:D used it on www.neoterric.com and left the credits!

By Elanessea on Mar 24, 2008 9:34 pm

This is friggen' awesome.

By melancholiclights on Mar 23, 2008 12:19 am

I love it! Its very Creative :D

I was wondering if I could use the layout code?
I'll leave the credits of course.
oh! and which is the "copyright" thing? :D so, I don't accidentally remove it.(thats if you say yes XD)

By tuts04 on Mar 21, 2008 1:04 am

i don't really like the top half of the layout "/
just being honest.
however, i LOVE the bottom half; hayden is hott! ;)

By manny-the-dino on Mar 18, 2008 10:31 pm

So unique, you're really creative ^^ Maybe you could've decorated it a bit more at the top, but still, the simplicity of it is nice too. Nice one!

By dreamgurl36 on Mar 18, 2008 3:53 pm

The top is pretty blank which maks it look like it's not pretty much designed... But love the rest! ^.^
-Annie

By asian-delight on Mar 18, 2008 3:38 am

It's interesting how the top is mostly blank. I like your horizontal style. Great setup as always. So innovative and unique.

By tokyo-rose on Mar 18, 2008 2:16 am

Really weird, but in a cool way. I love it

By notanormalchild on Mar 18, 2008 12:00 am

I don't understand it at all.

By emberfly on Mar 17, 2008 11:20 pm

View all »

Layout Details

Designer	ZeBiii
Submitted on	Mar 17, 2008
Page views	4,596
Favorites	17
Comments	11
Reviewer	agiri
Approved on	Mar 17, 2008

beyond reality

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates