ACOUST!C

About The Layout

Soo ... This Is The Layout. I Hope It Came Out How You Wanted It. If You Need It Changed In Any Way Just Comment Me And I'll Fix It Aysap. The Layout Is Fully Coded In HTML, You Can Change The Coding/Stylesheet If You Want...

This Is How Bolded Text Will Look.
This Is How Italic Text Will Look.
This Is How Links Will Look. Remember To Put class="nava" On Links In The Content, And class="navb" On The Links In The Affies/Status Section.

Layout Code (Copy And Paste, Then Fill In With Your Content)

<html>
<head>
<title>ACOUST!C</title>
 
<style type="text/css">
body { 
background-color:#000000;
background-repeat:repeat;
background-attachment:fixed;
} 
td, p, body, a{ 
color : #000000;
font-family : century gothic;
font-size : 8pt;
text-align : center;
} 
.mainheader { 
font-family : georgia;
color : #d6876c;
font-weight : normal;
font-size : 26px;
line-height : 23px;
letter-spacing :-4px;
text-transform : uppercase;
text-align : left;
border-bottom: 1px dashed  #d6876c;}

textarea {font-family:small fonts;  
font-size: 7px; 
line-height: 8px; 
font-weight: normal; 
text-transform: uppercase; 
text-align: left; 
color: 000000; 
width: 100px; 
height: 30px; 
background-color: #222222; 
border: 1px dashed; 
border-color: #333333;}
 
a:active, a:visited, a:link, a:hover { 
font-size : 8px;
color : #d6876c;
font-family : century gothic;
font-weight : normal;
text-decoration : none;
text-transform: uppercase;
} 
a:link img { 
border : none;
} 
a:visited img { 
border : none;
} 
a:hover img { 
border : none;
} 
a.nava, a.nava:link, a.nava:active, a.nava:visited { 
text-decoration : none;
} 
a.nava:hover { 
color : #FFFFFF;
text-decoration : none;
}

a:active, a:visited, a:link, a:hover { 
font-size : 7px;
color : #f3ce90;
font-family : small fonts;
text-decoration : none;
text-transform: uppercase;
} 
a:link img { 
border : none;
} 
a:visited img { 
border : none;
} 
a:hover img { 
border : none;
} 
a.navb, a.navb:link, a.nava:active, a.nava:visited { 
text-decoration : none;
text-transform: uppercase;
} 
a.navb:hover { 
color : #FFFFFF;
text-decoration : none;
}

.CONTENT { 
font-family : century gothic;
color: #333333;
background : #transparent;
font-weight : normal;
font-size : 12px;
text-align :center;
border-bottom: 1pt dashed;
border-color: #000000;
} 
b { 
color : #f3ce90;
} 
u { 
color : #f3ce90;
} 
i { 
color : #f3ce90;
}

.AFFBOX { 
font-family : century gothic;
color: #f3ce90;
background : #transparent;
font-weight : normal;
font-size : 9px;
text-align :center;
border-bottom: 1pt dashed;
border-color: #000000;
b { 
color : #f3ce90
font-family : georgia;
text-transform: uppercase;
font-size : 18;
} 
u { 
color : #f3ce90;
} 
i { 
color : #f3ce90
font-size : 9px;
} 
}

.STATUSBAR { 
font-family : century gothic;
color: #f3ce90;
background : #transparent;
font-weight : normal;
font-size : 9px;
text-align :center;
border-bottom: 1pt dashed;
border-color: #000000;
}

#header {position:absolute; left:175px; top: 100px;}
#content {position:absolute; top:600px; left:290px; width:700px;
text-align: center;}
#affbox {position:absolute; left:1175px; top:100px; width:100px;
text-align: center;}
#statusbar {position:absolute; left:325px; top:1600px;
text-align: center;}

</style>
 
 
<div id="header">
<img name="layoutt" src="http://img714.imageshack.us/img714/920/image1db.png" width="900" height="1600" border="0" usemap="#layoutmap" alt="" />

<div class="mainheader"><center>Welcome</center></div>
<br><br>

Write Some Stuff About The Site Here... Blahhhhhhhh ! (Or Take This Out If You Want)

<div class="mainheader"><center>DATEHERE</center></div>
<br><br>
Where Your Blog Will Go ... 
<br><br>

<div class="mainheader"><center>Site Status</center></div>
<br><br>
Music Players, Hit Counters, Info, Etc.
<br><br>

<div class="mainheader"><center>ChatBox</center></div>
<br><br>

Put Your Cbox Code Here

</div></center>

<b>Affies</b><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="link" target="_blank" class="navb">Link</a><br>
<a href="http://acoustic.lyts.me/applyforaffie.php" target="_blank" class="navb">You Here?</a><br><br>

</div>

(c) Acoustic|Owner: YOUR NAMEE|Layout/CSS By: <a href="http://lithiumlyts.so-pink.org" target="_blank" class="navb">LithiumLyts</a>|Hits: HIT COUNTER CODE HERE|Host: HOST LINK HERE <br><br>

</div>
 
<br><br>

</div>
 
 
</body>
</html>

Welcome

Write Some Stuff About The Site Here... Blahhhhhhhh ! (Or Take This Out If You Want)

DATEHERE

Where Your Blog Will Go ...

Site Status

Music Players, Hit Counters, Info, Etc.

ChatBox

Put Your Cbox Code Here