way down

Website Templates / 1 Column

Designer's Comments

Look carefully for specific instructions

works for all browsers.

photo by alex prager (alexprager.com).

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>TITLE</title>

b {
 font-weight: bold; }

i {
 font: italic 8pt georgia; }

u {
 border-bottom: 1px dotted black; }

textarea, input, select {
 border: 1px solid #eaeaea;
 line-height: 90%; 
 color: #cdcdcd;
 background-color: #f8f8f8;
 padding: 1px; }

.container {
 position: absolute;
 top: 50px;
 left: 50px;
 width: 492px; }

.header {
 padding: 30px;
 padding-top: 300px;
 text-align: right;
 margin-bottom: 5px;
 background-image: url(http://cbimg6.com/layouts/09/03/33962aa.png);
 background-position: center center;
 background-repeat: no-repeat; }

.header h1 {
 font: normal 16pt georgia;
 line-height: 90%;
 color: #616161;
 margin: 0px; }

.header a {
 background-image: url(http://cbimg6.com/layouts/09/03/33962ab.png);
 padding: 5px; 
 padding-left: 10px;
 padding-right: 10px;
 margin-left: 5px;
 font: normal 7pt tahoma;
 text-transform: uppercase;
 color: #616161; }

.header a:hover {
 background-image: url(http://cbimg6.com/layouts/09/03/33962ac.png); }

.description {
 padding: 10px;
 background-color: #ffffb5;
 color: #6e6e6e;
 margin-bottom: 5px; }

.description b, .description i, .description u, .desciption a {
 color: #6e6e6e; }

.description a:hover {
 border-bottom: 1px solid !important; }

.content {
 padding: 10px;
 background-color: #f3f3f3; }

.content h1 {
 color: #765882;
 font: normal 16pt georgia;
 margin: 0px;
 border-bottom: 1px dotted #d4d4d4; }

.content h1 a {
 font: normal 16pt georgia !important; }

.content h1 a:hover {
 border-bottom: 0px solid !important; }

.content h2 {
 margin: 0px; 
 color: #cba153;
 font: bold 12pt arial;
 letter-spacing: -2px;
 text-transform: uppercase !important; }

.content h2 a {
 font: bold 12pt arial;
 letter-spacing: -2px;
 text-transform: uppercase !important; }

.content h2 a:hover {
 font: bold 12pt arial;
 letter-spacing: -2px;
 text-transform: uppercase !important;
 border-bottom: 0px solid !important; }

.content a {
 color: #e35d54;
 font-weight: bold !important; }

.content a:hover {
 color: white;
 background-color: e26565; }

.copyright {
 text-align: right;
 padding: 0px;
 color: #b3b3b3; } </style>

</head>
<body>
<div class="container">
<div class="header">
<h1>Site name here</h1>
<a href="http://">Link 1</a>
<a href="http://">Link 2</a>
<a href="http://">Link 3</a>
<a href="http://">Link 4</a>
<a href="http://">Link 5</a>
</div>

<div class="description">
Description of your site or yourself goes here. A picture of 
yourself, etc. <b>Bold</b>, <i>italic</i>, <u>underlined</u>, <a href="http://">link</a>. 
</div>

<div class="content">
<h1>Headline <a href="http://">link</a></h1>
<h2>Second headline <a href="http://">link</a></h2>
Normal 
<b>Bold</b> 
<i>Italic</i> 
<u>Underlined</u> 
<a href="http://">Link</a><br><br>

<textarea>Textarea</textarea>
</div>

Layout Comments

Showing latest 3 of 3 comments

i like the background of the picture, but the girl's face is a bit wierd

By chyannie on Mar 15, 2009 11:35 am

I agree about the girl looking a little weird.

By Medi on Mar 12, 2009 12:25 pm

the girl looks a bit funny but i like everything else.

By futura on Mar 9, 2009 3:47 am

Layout Details

Designer	whaleanatomy
Submitted on	Mar 7, 2009
Page views	2,930
Favorites	7
Comments	3
Reviewer	interpretation
Approved on	Mar 8, 2009

way down

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates