Basic Purple V2

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Please do not remove credit link! Thanks :D
You can find this and more at ipinky-promise.co.uk

Layout Code

Copy and paste to Template HTML

Help

<style>

body, html { 
margin: 0;
padding: 0;
}

body { 
background: #EEE url("http://cbimg6.com/layouts/10/03/36210aa.png");
text-align: center;
padding : 0; 
font: 14px/24px "Trebuchet MS", sans-serif;
color: #262626;
margin: 50px 0;
}

#container { 
margin : 0 auto; 
text-align : left; 
padding : 0px; 
width: 748px;
background: #FFF;

}

#sidebar { 
width: 200px;
float: left;
padding: 10px;
background: #f6f5e8;
}

#content {
width: 500px;
float: right;
text-align: left;
padding: 10px;
}

a:link, a:visited, a:active {
color: #5D4591;
text-decoration : none;
}
a:hover {
color: #000;
text-decoration : none;
}

#footer {
clear : both; 
padding: 20px; 
height : 40px;
text-align: center;
background: #f6f5e8; 
font: 12px/22px "Trebuchet MS", sans-serif;
}

.leftalign {
float:left;
}
.rightalign {
float: right;
}

a.affiliates:link, a.affiliates:visited, a.affiliates:active { 
display : block;
color: #202020; 
background: #DDD0E1;
padding: 4px;	
text-align:center;
margin: 3px;
font: 12px/24px georgia;
text-decoration : none; 
} 
a.affiliates:hover { 
color: #202020; 
background: #B79BBF;
text-decoration : none; 
}

h1 {
color: #5D4591;
font: 30px/40px "Georgia";
}

h2 {
color: #5D4591;
font: 15px "Georgia";
text-transform: uppercase;
margin: 30px 0 10px 5px;
}

h3 {
margin: 10px 20px 0 0;
text-align: right;
line-spacing: 2px;
font: 16px Georgia, "Trebuchet MS", sans-serif;
color: #5D4591;
}

#nav {
background: #A07AAA;
color: #6B7A8F;
list-style: none;
margin: 2px 0 0 0; 
padding: 0;
width: 748px;
letter-spacing: 1px;
float: left; 
font: 18px/40px Georgia, "Trebuchet MS", sans-serif;
}

#nav li {
float: left;
margin: 0;
width: auto;
}

#nav li a {
display: block;
width: 187px;
text-align: center;
color: #262626; 
text-decoration: none;
}

#nav li a:hover {
background: #B79BBF;
}

#title {
width: 748px;
height: 45px;
text-align: center;
color: #FFF;
background: #829FB5 url("http://cbimg6.com/layouts/10/03/36210ab.png");
padding: 35px 0;
margin: 0;
font: 50px Georgia, Arial, Verdana, "Times New Roman", sans-serif;
}

a.title:link, a.title:visited, a.affiliates:active { 
color: #FFF;
text-decoration : none; 
} 
a.title:hover { 
color: #373737;
}

</style>

<!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>Title Here</title>

<h2>Header Two</h2>
Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar

<h2>Header Two</h2>

<h2>Header Two</h2>

Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar

</div>

<h1>Header One</h1>

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

<h3>February 15, 2010</h3>

<h1>Header One</h1>

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

<h3>Header Three</h3>

<div id="footer">
© [your site] Unless Otherwise Stated
<br />
Layout By <a href="http://ipinky-promise.co.uk">Amy @ iPinky-Promise</a>
</div>
</div>
</body>
</html>

Layout Comments

Showing latest 2 of 2 comments

Colorful and simplistic. Me like.

By emberfly on Apr 6, 2010 9:14 pm

Cute :)

By Snaily on Mar 17, 2010 10:27 pm

Layout Details

Designer	amybabe20
Submitted on	Mar 16, 2010
Page views	6,187
Favorites	19
Comments	2
Reviewer	Cristy
Approved on	Mar 17, 2010

Basic Purple V2

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates