Basic Blue 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/36182aa.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: #6CA5CB;
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: #e3e3e3;
padding: 4px;	
text-align:center;
margin: 3px;
font: 12px/24px georgia;
text-decoration : none; 
} 
a.affiliates:hover { 
color: #202020; 
background: #B6DBE7;
text-decoration : none; 
}

h1 {
color: #6B7A8F;
font: 30px/40px "Georgia";
}

h2 {
color: #6B7A8F;
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: #6B7A8F;
}

#nav {
background: #B6DBE7;
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: #d0e9f0;
}

#title {
width: 748px;
height: 45px;
text-align: center;
color: #FFF;
background: #829FB5 url("http://cbimg6.com/layouts/10/03/36182ab.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 7 of 7 comments

This layout is perfect. I am using it for my weight loss site, it looks great! Really wonderful design. Simple and professional looking, y'know!
http://timidfemale.t ripod.com

By CuntBlog on Aug 14, 2010 7:39 am

This looks A LOT like the default WP theme.

By glassxslipper on Apr 17, 2010 9:04 pm

I mean my createblog page

By LadyLBlack on Mar 17, 2010 9:46 am

Hey I'm using this layout now if you want to see it. The link to my page is on my site

By LadyLBlack on Mar 17, 2010 9:46 am

I love this! I would love it more in Purple lol I'm so using it lol

By LadyLBlack on Mar 16, 2010 8:23 pm

Love the blue. This is really nice.

By sweetalacrity on Mar 9, 2010 11:52 pm

simple,yet cute :D
Overall,GOOD JOB!!

By Snaily on Mar 9, 2010 9:14 pm

Layout Details

Designer	amybabe20
Submitted on	Feb 28, 2010
Page views	4,424
Favorites	6
Comments	7
Reviewer	Cristy
Approved on	Mar 9, 2010

Basic Blue V2

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates