Stripy Blue

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Visit ipinky-promise.co.uk for more coded layouts :)

Layout Code

Copy and paste to Template HTML

Help

<style>

body {
font-size : 12px;
font-family: "Lucida Sans", Tahoma;
text-align: center;
background: #E0E0E0 url(http://cbimg6.com/layouts/09/08/35579ab.png);
color: #11151B;
}

b,strong {
color: #1E5EB6;
}

u {
text-decoration: underline;
}

#container {
width: 730px;
margin: 24px auto;
text-align: left;
background: #FFFFFF;
}

#sidebar {
float: left;
width: 200px;
background: #FFFFFF;
padding-right: 15px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#content {
float: right;
width: 485px;
background: #FFFFFF;
padding: 10px;
}

#footer {
color : #404040;
background-color : #DADBD6;
width : 720px;
text-align: center;
	height : auto;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
padding-bottom: 5px;
padding-top: 10px;
position: relative;
clear:both;
}

td {
font-size : 12px;
text-decoration: none;
color: #11151B;
font-weight: bold;
}

a:link,a:visited,a:active {
text-decoration: none;
color: #11151B;
font-weight: bold;
}

a:hover  {
text-decoration: underline;
color : #000000;
font-weight: bold;
}

h1  {
	font-weight : normal;
	font-family: Georgia;
	text-align : center;
	font-size : 28px;
	color : #215E89;
	letter-spacing : 0px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom : 10px;
	display : block;
	background-image: url();
	padding: 0px;
	margin-top: -1px;
}

h2 {
font-size : 15px;
font-family: "Lucida Sans", Tahoma;
color: #000000;
}

h3 {
	font-weight : normal;
	font-family: Georgia;
	text-align : left;
	font-size : 18px;
	color : #215E89;
	letter-spacing : 0px;
	margin-bottom : 5px;
	display : block;
}

</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">
<head profile="http://gmpg.org/xfn/11">

<h3>Header Three</h3>
content content content content content content content content content content content content content content content content content content content content content content content content

<br />

<h3>Header Three</h3>
content content content content content content content content content content content content content content content content content content content content content content content content

<br />

<h3>Header Three</h3>

<table width="100%">
<tr>
<td align="center" width="35%" height="0">
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a>
</td>

<td align="center" width="35%" height="0">
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a><br />
<a href="URL" target="blank">Affiliate</a>
</td>
</tr></table>
		
</div>

<div id="content">
		
<h1>Header One</h1>
<h2>Header Two</h2>

Please do <b><u>not</u></b> remove the credit link from the footer.
<br /><br />
If you would like the version of this layout that has valid CSS and XHTML; you can find it at <a href="http://ipinky-promise.co.uk/" target="blank">ipinky-promise.co.uk</a>

<a href="link.html">Link</a><br />
<strong>Bold</strong><br />
<u>Underline</u><br />
<s>Slash Out</s><br />
<i>Italics</i>

<h2>Header Two</h2>

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

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
		
</div>

Layout © <a href="http://ipinky-promise.co.uk/" target="blank">ipinky-promise</a> | Content © Your Name 2009

</div>

</div>
</body>
</html>