Rapture

Website Templates / 1 Column

Designer's Comments

Look carefully for specific instructions

Image is fanart of Bioshock.

Cross browser compatible but best viewed in firefox. Valid CSS/HTML.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>RAPTURE.____________________</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<style type="text/css">
/* Codes and Designs By Sora */
<!--
body {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #060608; 
	color: #808080; 
	font-size: 11px;
	line-height: 12px;
	font-family: arial;
}

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 821px;
	height: 602px;
	background-image:url(http://imgur.com/bs0WK.jpg);
	float:left;
	z-index: 2;

}

#navlinks {
        position: absolute;
	top: 70px; 
	left: 25px;
	height: 600px;
	width: 300px;
        z-index: 4;

}

a.nav:link {
	color:#4daf95;  
	letter-spacing: 3px;
	display:block; 
  	font-size:13px;
	height:14px;
  	width: 120px;
	text-align: right;
  	line-height:14px;
	text-decoration:none;
        text-transform: lowercase;  
	background-color: #f2f0e8;      
	font-family: arial;  
        padding: 4px;
        margin: -3px; 0px;
}

a.nav:hover {
	color:#53c9aa;
  	width: 120px;
	text-decoration:none;
	letter-spacing: 5px;
}

#main {
	position: absolute;
	left: 330px;
	top: 5px;
	width: 450px;
	height: 381px;
	background:transparent;
	border-collapse: collapse;
        overflow: hidden;
	border: 0px #FFFFFF solid;
	z-index: 6;
}

a:link, a:visited, a:active {
	color : #609fa7;  
        text-decoration: none;        
}

a:hover {
	text-decoration: none;
	color: #72c6c3; 
}
 
h1 {
	font-family: "courier new"; 
	letter-spacing: 0px; 
	color: #53c9aa;    
        font-size: 22px;
        text-transform: uppercase;
	text-decoration: none;
        font-weight: normal;
	}

b { color: #f0ecd8; }
i { color: #4d7048; }
u { color: #c24f4c; }

textarea {
	background-color: #060608; 
	color: #808080; 
	font-size: 11px;
  	line-height:14px;
	font-family: arial;
        border: 1px solid #c1d0b0;
}

blockquote {
	width:400px;
	color:#808080;
	font-size:11px;
        line-height: normal;
        padding-left: 5px;
	border-left-color:#4d7048;
	border-left-width:3px;
	border-left-style:solid;
	background-color:#141414;
}

#footer {
    position:fixed;
    text-align:left;
    top:400px;
    left:50px;
    width:200px;
    color:#808080;
    z-index: 8;
}
 
 -->
</style></head>
<div id="header"></div>
<div id="navlinks">
<br>
<a href="#" class="nav">Link 1</a>
<br>
<a href="#" class="nav">Link 2</a>
<br>
<a href="#" class="nav">Link 3</a>
<br>
<a href="#" class="nav">Link 4</a>
<br>
<a href="#" class="nav">Link 6</a>
<br>
</div>   	 
<div id="main">

<h1>Andrew|Ryan</h1>
<i>I chose Rapture...</i>
<br>
A man has choices, I chose the impossible. I built a city where the artists would not fear the censor, where the great would not be constrained by the small, where the scientist would not be bound by petty humanity. I chose to build Rapture. But my city was betrayed by the weak. So I ask you my friend, if you live with pride, would you kill the innocent? Would you sacrifice your humanity? We all make choices, but in the end, our choices make us.
<br><br>
Even in a book of lies sometimes you find truth.
</div>

<div id="footer">
Layout by: <a  href="http://rainingnoodles.co.nr/" target="new">Sora</a>
<div>

Layout Comments

Showing latest 4 of 4 comments

I like it a lot.

By CuntBlog on Jun 14, 2011 4:07 pm

hello

By asas113 on Dec 17, 2010 6:43 pm

That's beautiful. I love the colours.

By BananaNugg3ts on Dec 11, 2010 12:40 am

This is great! :)

By futura on Dec 5, 2010 10:44 pm

Layout Details

Designer	rumms
Submitted on	Nov 22, 2010
Page views	10,018
Favorites	19
Comments	4
Reviewer	jiyong
Approved on	Dec 5, 2010

Rapture

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates