Find Me

Designer's Comments

Look carefully for specific instructions

Hiiiii (:

Layout Code

Copy and paste to Template HTML

<!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" xml:lang="en" lang="en">

<head>

<title>»  Blog Title Here</title>

body { 
text-align: center;
background: #fff;
padding : 0; 
font : 80%/160% "georgia";
color : #000; 
}

#header {
width: 700px;
height: 350px;
background: url(http://i600.photobucket.com/albums/tt83/hiddentragedy/brokendreams.png?t=1249394830);
}

#container { 
background: #ffffff;
border-top: 4px solid #7600C1;
margin : 0 auto; 
text-align : left; 
width: 800px;
margin-top: 10px;
margin-bottom: 10px;
}

#sidebar { 
width: 200px;
float: right;
padding : 5px; 
}

#content {
width: 570px;
padding : 5px; 
float: left;
}

#footer { 
clear : both; 
font : 90%/150% "arial";
font-weight: 400;
padding : 5px; 
text-align: left;
height : 40px;
}

#navdiv { 
margin : 0; 
}

#nav2 { 
padding : 5px; 
}

#navigation2 { 
list-style-type : none;
list-style-image : none; 
margin : 0; 
padding : 0; 
width : 100%; 
}

#navigation2 li { 
list-style-type : none; 
width: auto;
float : left; 
}

#navigation2 li a { 
background-color: #F6F5F5;
font-family: georgia;
text-transform: lowercase;
font-size: 25px;
line-height: 30px;
font-weight:800;
text-align : center; 
color: #7600C1;
width: 150px;
letter-spacing: -1px;
padding : 5px; 
padding-bottom: 2px;
margin-bottom: 25px;
clear: both;
display : block; 
text-decoration : none; 
}

#navigation2 li a:hover { 
color: #000;
border: 0;
}

.entrytext { 
font-weight : 400; 
}

.date-blog { 
color : #383838; 
font:60%/80% "arial";
text-transform: lowercase;
}

i, em { 
color : #7600C1;
}

b, strong {
color: #7600C1;
}

.commenter-name { 
color : #7600C1; 
text-transform : lowercase; 
}

.comments { 
background-color : #ffffff; 
width : 450px; 
text-align : left;
color : #000000;  
padding : 6px; 
border : 1px solid #7600C1;
}

h1 {
color: #7600C1;
font:190%/120% "georgia";
text-align: center;
font-weight:700;
text-transform: lowercase;
padding: 3px;
letter-spacing : 1px;
margin:0;
padding:0;
}

h2 { 
color: #7600C1; 
margin: 0;
letter-spacing: 0px;
font:120%/120% "georgia";
text-align: right;
text-transform: lowercase;
background: #F6F5F5;
}

h3 {
background-color: transparent;
color : #000; 
font:140%/140% "georgia";
text-align: right; 
font-weight: 700;
text-transform: lowercase;
margin: 0;
padding : 4px; 
}

h4 {
background-color: #ffffff;
color : #000000; 
text-align:center;
font-size: 14px;
font-weight: 400;
text-transform:none;
margin:0;
padding:7px;
}

h5 {
background-color: transparent;
color : #000; 
font:120%/100% "georgia";
letter-spacing: 0px;
text-align:center;
font-weight:400;
margin:0;
padding:12px;
}

.box {
background: transparent;
border: 1px solid #F6F5F5;
padding : 6px;
margin: 0;
text-decoration: none;
font-size:12px;
}

a:link,a:visited {
color: #7600C1;
font-weight:400;
text-align:justify;
text-decoration: none;
padding:0;
}

a:hover { 
color: #7600C1;
background: #F6F5F5; 
}

blockquote { 
background: #ffffff;
width : 380px; 
text-align : center; 
color : #000000;  
border-left: 7px solid #7600C1;  
padding : 5px; 
margin: 0;
}

input, select, submit { 
color : #000000; 
background : #ffffff;  
text-decoration : none; 
text-align : left; 
border: 1px solid #7600C1;
}

</style>

</head>

<body>

</ul>

</div>

<div class="box">
<h2>Header</h2>

Here you can put whatever you like, text, links, images, anything.   Remember to make it short and simple - it's only your sidebar.
</div>
<br />

<div class="box">
<h2>Header</h2>
Here you can put whatever you like, text, links, images, anything.   Remember to make it short and simple - it's only your sidebar.
</div>
<br />

</div>

<div id="content">
<h1>Header Here <br /><span class="date-blog">Date Here :)</span></h1>
This is your content area.

Here you can place a blog, your content, articles or whatever you may please XD

You can download this layout as a wordpress theme at my site, there's a link on the footer (:

<blockquote>Here is a blockquote.</blockquote>

<b>bold text</b>
<i>italic text</i>
<s>striked text</s>
<u>underlined text</u>

<br /><br />
</div>
<div id="footer">
<center>
<b>© Blog Title Here.</b>  Theme by <a href="http://hiddentragedy.com" target="_blank">HiddenTragedy</a><br />
Valid <a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">CSS</a>. 
</center></div>
</div>
<br />
</body>

</html>