violent

Website Templates / 1 Column

Designer's Comments

Look carefully for specific instructions

works in all browsers, photo found on tumblr.com

Layout Code

Copy and paste to Template HTML

Help

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

* { 
 font: normal 8pt tahoma;
 line-height: 200%;
 color: black; 
 text-decoration: none;
 cursor: default !important; }

b {
 font-weight: bold; }

i {
 font: italic 8pt georgia; }

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

textarea, input, select {
 border: 0px solid #eaeaea;
 line-height: 90%; 
 color: #685c60;
 background-color: #cfc971;
 padding: 1px; }

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

.header {
 padding: 30px;
 padding-top: 140px;
 text-align: left;
 background-image: url(http://cbimg6.com/layouts/09/03/33963aa.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 border: 20px solid #e1e2dd;
 border-top: 60px solid #e1e2dd;
 border-bottom: 0px solid; }

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

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

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

.description {
 padding: 10px;
 background-color: #edefec;
 color: #6e6e6e;
 border: 20px solid #e1e2dd;
 border-bottom: 0px solid;
 border-top: 0px solid #e1e2dd; }

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

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

.content {
 padding: 10px;
 background-color: #e1e2dd;
 border: 20px solid #e1e2dd; }

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

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

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

.content h2 {
 margin: 0px; 
 color: white;
 font: normal 12pt georgia; }

.content h2 a {
 font-weight: normal !important; }

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

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

.content a:hover {
 color: white;
 background-color: #847d77; }

.copyright {
 text-align: right;
 padding: 0px;
 color: #595353;
 border: 0px solid #e1e2dd;
 margin-bottom: 40px;
 padding-top: 10px; } </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>
</div>