Passion

Designer's Comments

Look carefully for specific instructions

Please keep credits on & don't alter/edit it in any way. Thanks!

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Passion</title>

</head>

#terms{
padding:10px;
font-size:12px; 
line-height:20px;
}

#nav1 {
float: left; padding:3px;
padding-left:2px;
margin-top:0px;margin:2px;
width: 340px; height:120px;
background: #dadada;
text-align:justify;
}

#nav2 {
float: left; padding:3px;
padding-left:2px;
margin-top:0px;margin:2px;
width: 340px; height:120px;
background: #dadada;
text-align:justify;
}

a:link, a:active, a:visited {
text-decoration: none; 
color: #6b8e97; 
}
a:hover {
color: #c8dbe0;
text-decoration: none; 
}

a.navi:link, a.navi:active, a.navi:visited{
font-family: "tahoma"; 
text-align:center;
padding:7px; margin:1px;
font-size: 10px; line-height: 10px;
color: #6b8e97;
background-color:#c8dbe0;
display:block;
}
a.navi:hover{
font-family: "tahoma"; 
text-align:center;
padding:7px; margin:1px;
font-size: 10px;  line-height: 10px;
color: #c8dbe0;
background-color:#6b8e97;
display:block;
}

a.nav:link, a.nav:active, a.nav:visited{
font-family: "tahoma"; 
text-align:left;
padding:3px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #6b8e97;
background-color:#c8dbe0;
display:block;
}
a.nav:hover{
font-family: "tahoma"; 
text-align:left;
padding:3px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #c8dbe0;
background-color:#6b8e97;
display:block;
}

h1{
color: #eee; 
font-size: 10pt; 
font-weight: bold; 
padding-left:2px; 
background-color: #7a2440; 
display:block;
text-transform: lowercase; 
margin:0px; padding:2px;
}

h2{
color: #eee; 
font-size: 10pt; 
font-weight: bold; 
padding-left:2px; 
background-color: #7d5870; 
display:block; text-align:center;
text-transform: lowercase; 
margin:0px; padding:2px;
}

b {color:#ea7775;}
i {color:#9dc5d0;}
u {color:#c0b2c0;}

a.load:link, a.load:active, a.load:visited{
font-family: "arial black"; 
text-align:center;
padding:3px; margin:5px;
font-size: 20px; 
color: #6b8e97;
font-weight:normal;
background-color:#ccc;
text-transform: uppercase; 
}
a.load:hover{
font-family: "arial black"; 
text-align:center;
padding:3px; margin:5px;
font-size: 20px; 
color: #c8dbe0;
background-color:#d2d2d2;
text-transform: uppercase; 
}
</style>

<div id="nav1">
<h2>About the site</h2>
<div id="terms">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorpe.</div>
</div>
<div id="nav2">
<h2>navigation</h2>
<div id="terms">
<table width="100%" cellpadding="1" cellspacing="0" border="0">
<tr><td width="50%" valign="top">
<a href="" class="navi">refresh</a>
<a href="" class="navi">contact</a>
<a href="" class="navi">linkback</a>
<td><td width="50%" valign="top">
<a href="" class="navi">socialien</a>
<a href="" class="navi">facebook</a>
<a href="http://punk-rose.com" class="navi">template</a>
</td></tr></table>
</div>
</div>

<div id="sidebar">
<h1>header</h1>
bold italic underline link Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
<p>
<a href="" class="nav">link</a>
<a href="" class="nav">link</a>
<a href="" class="nav">link</a>
<a href="" class="nav">link</a>
<p>
<h1>credits</h1>
Layout: <a href="http://faded-aeterna.com/" target="_blank">Faded Aeterna</a> <br>
Base: <a href="http://punk-rose.com/" target="_blank">Punk Rose</a>
<p>

</div>

<div id="content">
<h1>header goes here</h1>
<b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat <b>volutpat</b>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat.
<p>
<h1>header goes here</h1>
<b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat <b>volutpat</b>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<p>

<h1>header goes here</h1>
<b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat <b>volutpat</b>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<br>

</div>
<div id="footer">
&copy; Your Site. All Rights Reserved.
</div>
</html>
</body>

Layout Comments

Showing latest 10 of 11 comments

hi!! :3

By aaazzazzza on Dec 14, 2023 7:56 pm

These were the times....

By CERTiFiEdGANGStAoO9 on Jul 2, 2018 6:01 pm

This layout is pretty

By thefreespiritedone on Apr 15, 2014 3:45 pm

Yay! So great!

By Butterface89 on Sep 30, 2013 4:30 pm

shut the fuck up you spammer

By ScriptedLove on Aug 6, 2013 11:35 pm

CAN SOMEONE PLEASE HELP THIS WEBSITE COME BACK ALIVE?!?@@ I AM BEGGING YOU! I MISS THIS PLACE AND THE COMMUNITY WAS FANTASTIC! PLEASE MODS CAN YOU ATLEAST GIVE THE SITE TO SOMEONE WHO IS WILLING TO MAINTAIN IT AND ALLOW PEOPLE THE AMAZING SERVICE THIS SITE BROUGHT?! THIS BEAUTIFUL PLACE IS GOING TO WASTE AND IS BEING TAKEN OVER BY STUPID BOTS!!!! :(((((

By ScriptedLove on Aug 5, 2013 11:03 am

View all »

Layout Details

Designer	rusticmayhem
Submitted on	Sep 19, 2012
Page views	77,738
Favorites	11
Comments	11
Reviewer	tokyo-rose
Approved on	May 4, 2013

Passion

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates