About Me

Info and a very small picture, try to aim for 31x88, or 35x100. This section is 170 in width, so please aim small.

Navigation

Link 1	Link 2
Link 3	Link 4
Link 5	Link 6

Visitor

Link 1	Link 2
Link 3	Link 4
Link 5	Link 6

Elite

Link 1	Link 2
Link 3	Link 4
Link 5	Link 6

Credit

Made by: Silentatmosphere
Credits located here
please do not remove the following links above, doing so violates the terms of use

Layout Stats

not added although you can click this and get your very own!
Hits

Welcome to Site name here

Hi, and thanks for using this and or viewing this layout.
Directions, tips and hints: While the codes I will supply you come with SA hosted images. Your welcome to save them here on this page and host them on to your own website server to avoid the exceeded bandwidth or broken links. If you plan to turn this layout into a blog site. Here are tips for cutenews the width of this div layer is 470px, but aim a bit smaller by 5 pixles (465) to avoid a scrollbar or stretching of the table. I will allow some editing but nothing to completely change this layout, You may add your website name, but DO NOT remove the credit on the navigation side bar and layout image, it violates the terms of use.

css features (previews)

Underline Italic Bold ~~Strike~~

This is a blockquote this is good for if you decide to make a fanlisting or if you decide to use this layout as a fan website this is good for certain quotes or info you want to stand out.

This is a cite box, much like the blockquote but this one is wider and works best for articles with sections that you want to stand out without the blockquote indent. A clear background works best because the text is of a lighter color. You may choose to use this or not. The code is still there.

woot woot i'm H3

woot woot i'm text

Codes

Make sure to create another file called css.css and copy the 2nd set of codes below into that file. if you don't the layout will not work. and the 1st set is for everything else.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<head>
<title>Bitter's End l A BLANK Website</title>
<script>window.status="you can write something here";</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us">
<meta name="description" content="Website Info goes here">
<meta name="keywords" content="Website Keywords go here">
<meta name="author" content="Your Name Goes Here">
<meta name="language" content="EN">
<meta name="copyright" content="Amanda@silentatmosphere.com, Your name goes here">
<meta name="rating" content="general (can be changed)">
<link rel="stylesheet" href="css.css" type="text/css" />
</head>

<h1>About Me</h1>
Info and a very small picture, try to aim for 31x88, or 35x100. This section is 170 in width, so please aim small.<br><br>
<br>

<h1>Navigation</h1>
<table width="100%" border="0" cellspacing="2" cellpadding="0"><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 1</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 2</a></td>
</tr><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 3</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 4</a></td>
</tr><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 5</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 6</a></td>
</tr></table>
<br>

<h1>Visitor</h1>
<table width="100%" border="0" cellspacing="2" cellpadding="0"><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 1</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 2</a></td>
</tr><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 3</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 4</a></td>
</tr><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 5</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 6</a></td>
</tr></table>
<br>

<h1>Elite</h1>
<table width="100%" border="0" cellspacing="2" cellpadding="0"><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 1</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 2</a></td>
</tr><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 3</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 4</a></td>
</tr><tr> 
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 5</a></td>
<td height="13" width="50%"><a href="http://silentatmosphere.com/" class="nav">Link 6</a></td>
</tr></table>
<br><br>

<h1>Credit</h1>
Made by: <a href="http://silentatmosphere.com">Silentatmosphere</a><br>
Credits located <a href="http://www.silentatmosphere.com/wlayouts/">here</a><br>
please do not remove the following links above, doing so violates the terms of use
<br><br>

</td><td valign="top" style="width: 6px"> </td>

<td valign="top" style="width: 470px">
<h2>Welcome to *Site name here*</h2>
Hi, and thanks for using this and or viewing this layout. <br>
<b>Directions, tips and hints:</b> While the codes I will supply you come with SA hosted images. Your welcome to save them here on this page and host them on to your own website server to avoid the exceeded bandwidth or broken links.  If you plan to turn this layout into a blog site. Here are tips for cutenews the width of this div layer is 470px, but aim a bit smaller by 5 pixles (465) to avoid a scrollbar or stretching of the table.  I will allow some editing but nothing to completely change this layout, You may add your website name, but DO NOT remove the credit on the navigation side bar and layout image, it violates the terms of use.

<h2>css features (previews)</h2>
<center><u>Underline</u> <i>Italic</i> <b>Bold</b> <s>Strike</s></center>

<Blockquote>This is a blockquote this is good for if you decide to make a fanlisting or if you decide  to use this layout as a fan website this is good for certain quotes or info you want to stand out. </blockquote>

<cite>This is a cite box, much like the blockquote but this one is wider and works best for articles with sections that you want to stand out without the blockquote indent. A clear background works best because the text is of a lighter color. You may choose to use this or not. The code is still there.</cite>

</td></tr></table> 
</td></tr>
<tr><td valign="top" width="640" class="footer">
<center>©2008</a> your site here | 
<a href="http://silentatmosphere.com/">Link 1</a> | <a href="http://silentatmosphere.com/">Link 2</a> | <a href="http://silentatmosphere.com/">Link 3</a> | <a href="http://silentatmosphere.com/">Link 4</a><br>
</center> 
</td></tr>
</table> 
</div></body>
</body></html>

2nd set don't forget to save it as css.css

body {background-color:#000000; background-image:url('http://www.silentatmosphere.com/wlayouts/images/gazette_bg.png'); background-position:top; background-repeat:repeat; background-attachment: fixed;  margin:0;}

#navigation{position:absolute; left:152px; top:375px; width: auto; z-index:1; overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 3px;}

#content{position:absolute; left:316px; top:375px; width: auto; z-index:1; overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 3px;}

textarea, input, select,button{font-family:Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 7pt; letter-spacing:0px; line-height:12px;text-align:left; color:#ffffff; border:1px solid #1A1E00; background-color:#111111; }

form, fieldset {font-family: Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px;}

.space {font-size: 1px;}
.tablebg{background-color:#000000;} 
.footer {color:#9F9F9F;}

table {font-family:Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#ffffff; border:0px; padding:0px;}

xmp{font-family:Lucida Sans Unicode!important; font-size:10px !important; color:#666666 !important; font-weight:normal !important; text-decoration: none; letter-spacing: 0px !important;  padding: 0px !important; line-height: 11px !important;}

h1{display:block; font-family:times;  font-weight: normal; text-transform: uppercase; font-size: 14px; letter-spacing:2px; line-height:18px;text-align: left; color:#740100; background-color: #; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; background:url() right center no-repeat; padding-left:3px; border-bottom:1px solid #111111; } 
h2{display:block; font-family:times;  font-weight:normal; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; line-height:16px;text-align: right; color:#005078; background-color: #; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; background:url() right center no-repeat; padding-left:3px; border-bottom:1px solid #111111;}

h3{display:block; font-family:times;  font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; line-height:14px; text-align: left; color:#9BB169; margin-top: 0px; margin-bottom: 0px; padding-top: 3px;}

b, strong {font-family: tahoma; font-size:8pt; color:#A14D04;} 
i, em{font-family: tahoma; font-size:8pt; color:#799A31;} 
u {font-family: tahoma; font-size:8pt; color:#042F5C;}
s {font-family: tahoma; font-size:8pt; color:#ffffff;}

a.nav,  a.nav:visited,  a.nav:active { text-decoration: none; text-transform: uppercase; padding-top: 2px; padding-bottom: 1px; padding-left: 3px; display: block; font-size: 7pt; font-family:times!important; color: #595C47!important; line-height: 11px; background-color: #111111!important; border-bottom:1px solid #000000!important;}
a.nav:hover{text-decoration: none; text-transform: uppercase; padding-top: 2px; padding-bottom: 1px; padding-left: 3px; display: block; font-size: 7pt; font-family:times!important; color: #889B1B!important; line-height: 11px; background-color:#2E3712 !important; border-bottom:1px solid #000000!important;}

a, a:link, a:active, a:visited {font-family: Lucida Sans Unicode; font-size:8pt; color:#7F8C89; text-decoration: none!important; }
a:hover {font-family: Lucida Sans Unicode; font-size:8pt; background-color: none!important; color:#7E421D; text-decoration: none!important;}
a:link img, a:visited img {filter: none;border:0px}

blockquote {background-color:#1A1E00; color: #ffffff; display: block; font: normal 1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 3px 6px;}
cite {background: url() repeat; background-color:#111111; color: #666; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px;}

Look for the following in the first set of codes <title>Bitter's End l A BLANK Website</title> <script>window.status="you can write something here";</script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="en-us"> <meta name="description" content="Website Info goes here"> <meta name="keywords" content="Website Keywords go here"> <meta name="author" content="Your Name Goes Here"> <meta name="language" content="EN"> <meta name="copyright" content="Amanda@silentatmosphere.com, Your name goes here"> <meta name="rating" content="general (can be changed)"> <link rel="stylesheet" href="css.css" type="text/css" /> keep my name but replace general info pertaining to your site.