Nature

Website Templates / 2 Columns

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

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Nature</title>

<div style="left: 0px; width: 850px; top: 0px; height: 700px;" id="header"><img style="width: 800px; height: 600px;" src="http://cbimg6.com/layouts/08/02/03/25162aa.gif" alt="Layout by ZeBiii"></div>

<div id="navi" style="position: absolute; z-index: 3; text-align: left; left: 15px; width: 508px; top: 179px; height: 343px;"><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><a href="#">Linkage</a><a href="#">Linkage</a><a href="#">Linkage</a>

</div>

<div id="content" style="position: absolute; overflow: auto; z-index: 3; text-align: left; left: 65px; width: 281px; top: 153px; height: 375px;">
<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>

<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? </p>

</div>

<div id="box" style="position: absolute; overflow: auto; z-index: 3; text-align: left; width: 223px; left: 549px; top: 153px; height: 415px;">
<h2>Space filler</h2>

Use it for hatever you want!</p>

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.
</div>

<div id="titel" style="position: absolute; overflow: visible; z-index: 3; text-align: left; width: 133px; height: 35px; top: 87px; left: 75px;">
<p>Your Titel</p>

</div>

<div id="motto" style="position: absolute; overflow: visible; z-index: 3; text-align: left; top: 1px; height: 71px; left: 21px; width: 481px;">
<p>Write your Motto<br>

</p>

</div>

<div id="navi3" style="position: absolute; z-index: 3; text-align: left; height: 43px; width: 240px; top: 594px; left: 20px;">©

by ZeBiii<a href="http://zebiii.createblog.com/">Designer</a><a href="http://www.outgrow.hk.ms">Website</a><a href="http://www.deviantart.com/">Materials</a>
</div>

</body>
</html>

Layout Comments

Showing latest 7 of 7 comments

Lovely.

By TheExoticPeachFairy on Aug 12, 2008 9:34 am

you should make the space filler section bigger, and put it in an image similar to the other one.

By heyo-captain-jack on Feb 4, 2008 11:03 pm

if i had a website i would use this. you certaintly have awesome ideas :]

By miyashu on Feb 3, 2008 10:04 pm

Very nice! I just don't like the bluish glow for "Navigation" because that doesn't match the rest of the layout's colors.

By tokyo-rose on Feb 3, 2008 9:39 pm

I like this. I really like the organization and simplicity of the whole thing. I just find that the text for the word "navigation" looks really out of place.

By markmejia on Feb 3, 2008 3:37 pm

that look very very nice!

By Melie on Feb 3, 2008 2:38 pm

I would use it if it didn't have flowers.

By NICKAWHAT on Feb 3, 2008 2:31 pm

Layout Details

Designer	ZeBiii
Submitted on	Feb 3, 2008
Page views	9,495
Favorites	61
Comments	7
Reviewer	MissHygienic
Approved on	Feb 3, 2008

Nature

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates