Zebra Rave!

Designer's Comments

Look carefully for specific instructions

This is my first ever layout, constructive criticism would be greatly appreciated! My next layout will hopefully be more advanced, with a better looking navigation, however, as this is a first attempt, I'm quite pleased with how it turned out.

If you choose to use this, leave my credit on please x

Layout Code

Copy and paste to Template HTML

Help

b{color: deeppink;}

i{font-family: georgia; 
font-size: 11px; 
color: AAFF00;}

u{font-weight: normal;
font-size: 11px; 
text-transform: lowercase;
font-family: arial; 
line-height: 100%;
text-decoration: none;
color: cc00ff;
border-bottom: 1px dashed deeppink;}

h1{background-color: none;
color: AAFF00;
font-size: 30px;
line-height:110%;
font-weight: none;
font-family: arial;
font-weight: bold;
letter-spacing: 5px;
text-transform: none;
border-bottom: 3px dashed cc00ff;
text-align: right;}

small{background-color: none;
color: deeppink;
font-size: 7px;
line-height:100%;
font-weight: none;
font-family: small fonts;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;
text-align:;
border-bottom: 0px solid black;}

textarea {font-family:small fonts;  
font-size: 7px; 
line-height: 8px; 
font-weight: normal; 
text-transform: uppercase; 
text-align: left; 
color: fff; 
width: 150px; 
height: 30px; 
background-color: ebc3ff; 
border: 1px dotted; 
border-color: deeppink;}

strong{background-color: none;
color: fff;
font-size: 11px;
line-height:100%;
font-weight: none;
font-family: arial;
font-weight: normal;
letter-spacing: 0px;
text-transform: none;
text-align: right;
border-bottom: 0px solid black;}

a:hover img {filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=5)}

a:link, a:visited, a:active
{color:deeppink;
font-family: arial;
font-weight:normal;
font-size:11px;
text-align:;
text-transform: none;
text-decoration:none;}

a:hover{
font-family: arial;
letter-spacing:0px;
font-size:11px;
color: cc00ff;
cursor:none;
font-size:11px;
text-align:;
font-weight: normal;
text-transform: none;}

a.navi, a.navi:active, a.navi:link, a.navi:visited{
font-family: arial;
font-size: 11px;
font-weight: none;
text-decoration: none;
line-height: 11px;
border: none;
color:deeppink;
text-transform: none;
letter-spacing: 0px;
text-align:;}

a.navi:hover{ 
color: cc00ff;
text-decoration: none;}

.side 
{background-color: #202020;
color: deepink;
font-size: 11px;
line-height:110%;
font-weight: none;
font-family: arial;
text-transform: none;
text-align: left;
border-bottom: 1px solid black;
position:absolute;
background-color:transparent; 
left: 15px; 
top: 710px; 
width: 310px; 
border:none;}

.main
{position:absolute;
background-color:transparent;
left:335px;
top: 340px; 
width:400px; 
border:none;}

</style>

<div class="main">
<center>
<h1>life of a psycho killer queen</h1></center>
This layout was created by <b>Dapocaginous</b>, my first ever layout. I know that it

isn't very good, constructive criticism would be greatly appreciated.<br>Coding was

made from scratch my <u>Dapocaginous@CB</u>, I am unsure of the images origins, if

it is your or you know who's it is, and have quarrel with its use, message

me.<br><h1>the basics</h1><b>bold</b> <u>under</u>

<i>italic</i><br><br>Enjoy, and please leave my credit!
</div>

<div class="side">
<h1>navigate</h1>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<a class="navi" href="/link">Link</a><BR>
<h1>news</h1>you can write anything here, like your news, more links, affiliates, tra

la la la.<u>lalalalalaaaaa</u>.. tra lal la la laaaaa
<h1>the layout</h1>This layout was created by <a

href="http://www.dapocaginous.createblog.com/">Dapocaginous</a>
</div>

</div>
<BR>

</body>
</html>