Site title
VII. Lost hope

Title

This layout is made to fit the screen resolution 800x600 and higher. It was also tested in the following browsers: Fire Fox, Internet Explorer, and Safari. If you encounter any errors for any other browers, please notify me at once. By downloading this layout, you must agree and abide by my terms which can be found below.

Best viewed in Firefox 800x600+

CSS Preview

Bold - Underline - Italic - Link

A blockquote with a fake form.

Name:
Email:

Creators Opinion

Another simple layout added to the collection. Personally, I love the theme of simplicity and that's why I try to add a touch of it to everything I create.

The footer is stuck to the content area meaning that if you have little content on a single page, the footer will move upward. It's recommended that you use this design for a blog or a site that has a lot of content on one page. Also, the transparency in the footer along with the shadow of the site title are not valid when using the W3C CSS Validator. If you wish, you could replace it with a PNG image so that it's valid. As for the shadow on the site title, I can't do anything about the validation as far as I know other then removing it.

Original CSS code
#bottom {
background-color: #0F0F0F;
min-height: 100px;
width: 100%;
filter:alpha(opacity=51);
opacity:.51;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=51)";
}
Replace CSS code
#bottom {
background: url('images/footer_bg.png') repeat;
min-height: 100px;
width: 100%;
}

The footer_bg.png is already provided in the .zip file so don't worry about selecting the right color. If you wish, you could remove the string of CSS in the blockquote below to make it valid.

Remove in .title
text-shadow: #1E1E1E 1px 1px;

Terms of usage

Following rules makes everyone, if not most, people happy. (Especially the ones that write it.) So just follow these rules and you'll be fine.

  1. Leave the credits alone and don't touch it. This includes the credits in the index file AND the style.css file.
  2. Do not take any coding from any designs or use them to make your own layout.
  3. Do not alter the images, structure, and colors of this layout.
  4. Direct linking these files is strictly forbidden.
  5. You are not allowed redistribute this layout, period.

If you would like to read the terms in further detail, please click here.

How to install

  1. Once you've downloaded the layout, unzip the file. If for some reason you cannot unzip it, download WinRar or WinZip at Download.com
  2. When you unzip it, there should be a folder with three digits and within that folder should be the following items:
    • images (Folder)
    • index.html
    • style.css
  3. Open the index page and replace my text with your own. Please remember that you are only allowed to edit what's between the brackets. (<!--==== Start/End ===--->) Leave everything else the way it is.
  4. Make sure the urls are correct and then your done!

This box is 520 pixels wide so type whatever you wish to appear in this. Please do not remove the credits at the end of this box. Thank you very much.

Site © [name] - Layout by Your Final Demise