Sug - I Scream Party

Website Templates / 3+ Columns

Designer's Comments

Look carefully for specific instructions

Yay so much more colorful than my last website! :D im really happy with it.

Layout Code

Copy and paste to Template HTML

Help

<title>Sug - I Scream Party</title>
<style type="text/css">

body	{
	background-color: #fff;
	background-image: url(http://cbimg6.com/layouts/09/02/33765ah.jpg);
	background-repeat: repeat-y;
	color: #000;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
        word-spaceing:2px;
	z-index: 1;
        scrollbar-arrow-color:  #333333;
        scrollbar-track-color: #fff;
        scrollbar-face-color:  #fff;
        scrollbar-highlight-color:  #fff;
        scrollbar-3dlight-color:   #fff;
        scrollbar-darkshadow-color: #fff;
        scrollbar-shadow-color: #fff;
	}

#Sug{
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
        width: 567px;
	left: 375px;
	top: 500px;
	position: absolute;
	z-index: 3;
       	}

#nav{
	width: 113px;
       	left:40px;
	top: 650px;
	position: absolute;
	z-index: 4;
       }

#navfun{
	width: 113px;
       	left:170px;
	top: 660px;
	position: absolute;
	z-index: 5;
       }
h1{
color:000066;
font-size:15;
font-family: 
verdana;
border-bottom:2px dashed #ffcc00;
}

h2{
color:fff;
font-size:12; 
font-family:verdana;
background-image:url(http://cbimg6.com/layouts/09/02/33765ai.png);
height:25;
}

a:link, a:active, a:visited{
	color: #000;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
        }

a:hover	{
color: #fff;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
       
	}

.menu, a.menu:link, a.menu:active, a.menu:visited{
	color: #990000;
	background-color: #000000;
	font-family: verdana;
	font-size:12px;
       	letter-spacing:2px;
        text-transform: lowercase;
	line-height: 12px;
	text-align: left;
        padding:4px;
        display: block;
        margin-bottom:2px;
	}

a.menu:hover{
	color: #ff0066;
	background-color: #000;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: none;
	text-decoration: none;
	line-height: 12px;
	text-align: left;
        letter-spacing:2px;
        text-transform: lowercase;
        padding:4px;
        display: block;
        margin-bottom:2px;
	}

u{color:ff0066;}i{color:fff;}
</style>
<body>

<h1>Basics: This is a header h1 tag</h1>
<li>This is:<i>italics</i> text
<li>This is:<b>Bold</b> text
<li>This is:<u>underline</u> text
<li>This is:<a href="#">link</a>

An I scream party! Birthday's Suck! 
<p>This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Enjoy the layout and please leave the credit D: Now....Let's repeat!This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Now....Let's repeat!This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Now....Let's repeat!This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Now....Let's repeat!This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Now....Let's repeat!This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Now....Let's repeat!This is from Sug's Album, dont remember which one...but its the cover "I scream party" With a chaotic ice cream on the from surrounded by stars all that. Now....Let's repeat!End

<h1>Some party treats for you</h1>
<img src="http://cbimg6.com/layouts/09/02/33765ae.png">
<img src="http://cbimg6.com/layouts/09/02/33765af.png">
<img src="http://cbimg6.com/layouts/09/02/33765ag.png">

</div>

<div id="nav">
<br>
<h2>Navigation</h2>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>

<br>
<h2>Affilights</h2>
<a href="#" target="_self" class="menu"> apply</a>
<a href="#" target="_self" class="menu"> apply</a>
<a href="#" target="_self" class="menu"> apply</a>
<a href="#" target="_self" class="menu"> apply</a>
<br>

<h2>Credits</h2>
Layout by:<a href="http://www.freewebs.com/ffz3/" target="_self" class="menu"> F F Z 3</a>
</div>

<div id="navfun">
<h2>Info about you</h2>
<i>Name:</i>- - - -<br>
<i>Age:</i>- - - - - <br>
<i>Status:</i>- - - -<br>
<i>Likes:</i>- - - - -<br>
Put anything you want here.
Put anything you want here.

<br><h2>shout box</h2>
Put a shout box, cbox, ect. but it has to be 113px !!!

<br><h2>Extra</h2>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>
<a href="#" target="_self" class="menu"> Link</a>
</div>