TwoColumn

The following layouts are for your personal use ONLY. They may be edited if you like, but must still be credited to builtbyrobots.org. If you edit the coding, you may write 'template by builtbyrobots.org, edited by me' or something along those lines. *Newest to Oldest*

LAYOUT: This layout has a light gray patterned background with a blue header at the top of the page featuring white flower brushes. The navigation is placed under the header image and above the blog.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<title>YOUR TITLE HERE        [LAYOUT BY BUILT BY ROBOTS]</title>
<meta content="no" http-equiv="imagetoolbar">
<META NAME="Copyright" content="CopyrightŠ builtbyrobots.org. All Rights Reserved."> <META HTTP-EQUIV="content-language" content="EN">

td {font-family: Tahoma;
	font-size: 10px;}

body {
font-family: 'Tahoma'; 
color: #000000;
text-align: justify;
font-size: 10px;
line-height: 11px;
font-weight: normal;
margin-top: 2px;
margin-bottom: 5px;
text-align: left;
padding-bottom: 5px; 
background-color: #e2e2e2;
background: url('http://i356.photobucket.com/albums/oo4/bbrorg/freebg-1.png');
}

b, strong {
COLOR: #004394; 
font-weight: bold; 
}

u {
color: #000000;
font-family: 'Tahoma';
text-align: justify;
}

i {
COLOR: #9f9f9f; 
font-family: 'Tahoma';
font-style: italic;
}

a img { 
border : 0px solid ;} 
a:hover img { 
border : 0px solid ;}

img{
border: 0;}

/*Links*/
a:link, a:visited, a:active {
    text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #59a7ff;}
a:hover { 
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #004394;}

/*Navigation*/
a.nav10 {
font:12px Tahoma;
font-weight:bold;
color:#aeaeae;
background-color:#e4e4e4;
text-decoration:none;}

a.nav10:hover {
font:12px Tahoma;
font-weight:bold;
color:#aeaeae;
text-decoration:none;
background-color:#0e417a;}

/*Subs*/

#sitename {
text-align:justify;
position:absolute;
top:30px;
left:40px;
width:550px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#navigation {
text-align:justify;
position:absolute;
top:170px;
left:170px;
width:515px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#blogger {
text-align:justify;
position:absolute;
top:190px;
left:261px;
width:495px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#sidebar {
text-align:justify;
position:absolute;
width:131px;
top:210px;
left:125px;
height:auto;
padding:2px;}

h1 {
color: #bebebe;
font-family: 'Lucida Calligraphy, Tahoma';
font-size: 32px;
line-height: 35px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
padding-left: 5px;
}

h2 {
color: #004394;
font-family: 'Courier New, Arial';
font-size: 10px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
text-align: right;
letter-spacing: 2px;
margin-bottom: 2px;
margin-top: 0px;
}

h3 {
color: #ffffff;
font-family: Lucida Calligraphy, Forte, Freestyle Script, Kunstler Script, Arial;
font-size: 30px;
line-height: 55px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
border-bottom: 0px dashed ;
padding-left: 5px;
}

h4 {
color: #93afd2;
font-family: 'Tahoma, Verdana';
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 2px;
margin-top: 0px;
}
</style>
</head>

<body>
<div id="Layer" style="position:absolute; top: 0; left:0"> <img src="http://i356.photobucket.com/albums/oo4/bbrorg/Image200-7.png" /></div>
<div id="sidebar">
<h4>about</h4>
Here you write a little bit about your site, <B>things your site offers</B>. You can write as little or as much as you like, but remember this is just a short info post, not your whole stie blog.
<BR>
<h4>extra info</h4>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<BR>
<h4>disclaimer</h4>
The current layout was made by <a href="http://builtbyrobots.org">brooke</a> @ builtbyrobots. Do not remove this credit.</div>
</div>
</div>

<div id="sitename">
<h3>YOURSITENAMEHERE</h3>
</div>
<div id="navigation">
<center><a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> </center>
</div>
<div id="blogger">
<h1>type your text here</h1>
<h2>type your text here</h2>
type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here.

<BR><BR><BR>
<center>Layout is Copyright to <a href="http://builtbyrobots.org">Brooke</a> at Builtbyrobots.org</center></div>

</body></html>

LAYOUT: This layout has a light gray background with a fading purple and teal patterned effect below a purple header banner with random white brushes to the left side. The navigation is placed under the header image and above the blog.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<title>YOUR TITLE HERE        [LAYOUT BY BUILT BY ROBOTS]</title>
<meta content="no" http-equiv="imagetoolbar">
<META NAME="Copyright" content="CopyrightŠ builtbyrobots.org. All Rights Reserved."> <META HTTP-EQUIV="content-language" content="EN">

body {
font-family: 'Tahoma'; 
color: #000000;
text-align: justify;
font-size: 10px;
line-height: 11px;
font-weight: normal;
margin-top: 2px;
margin-bottom: 5px;
text-align: left;
padding-bottom: 5px; 
background-color: #ededed;
background: url('http://i356.photobucket.com/albums/oo4/bbrorg/0004bg-2.png');}

b, strong {
COLOR: #479593; 
font-weight: bold; }

u {
color: #000000;
font-family: 'Tahoma';
text-align: justify;}

i {
COLOR: #8c1f6f; 
font-family: 'Tahoma';
font-style: italic;}

a img { 
border : 0px solid ;} 
a:hover img { 
border : 0px solid ;}

img{
border: 0;}

/*Links*/
a:link, a:visited, a:active {
    text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #f194d8;}
a:hover { 
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #489593;}

/*Navigation*/
a.nav10 {
font:12px Tahoma;
font-weight:bold;
color:#d055af;
background-color:#ffffff;
text-decoration:none;}

a.nav10:hover {
background-color:#ededed;}

/*Subs*/

#sitename {
text-align:justify;
position:absolute;
top:70px;
left:250px;
width:550px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#navigation {
text-align:justify;
position:absolute;
top:275px;
left:170px;
width:515px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#blogger {
text-align:justify;
position:absolute;
top:300px;
left:256px;
width:477px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#sidebar {
text-align:justify;
position:absolute;
width:131px;
top:300px;
left:120px;
height:auto;
padding:2px;}

h1 { 
color: #ededed;
font-family: Tahoma;
font-size: 32px;
line-height: 35px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
padding-left: 5px;
}

h2 {
color: #479593;
font-family: Tahoma;
font-size: 10px;
line-height: 20px;
font-weight: bold;
text-transform: lowercase;
text-align: right;
letter-spacing: 2px;
margin-bottom: 2px;
margin-top: 0px;
}

h3 {
color: #ffffff;
font-family: Creampuff, Action Jackson, Cast Iron, Cairo, Carnivalee Freakshow, Arial;
font-size: 50px;
line-height: 55px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
padding-left: 5px;
}

h4 {
color: #d375ba;
font-family: Tahoma;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
border-bottom: 0px solid #7605de;
margin-bottom: 2px;
margin-top: 0px;}
</style>
</head>

<body>
<div id="Layer" style="position:absolute; top: 0px; left:0px"> <img src="http://i356.photobucket.com/albums/oo4/bbrorg/Image200.png" /></div>
<div id="sidebar">
<h4>about</h4>
Here you write a little bit about your site, <B>things your site offers</B>. You can write as little or as much as you like, but remember this is just a short info post, not your whole stie blog.
<br />
<h4>extra info</h4>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br />
<h4>disclaimer</h4>
The current layout was made by <a href="http://builtbyrobots.org">Brooke</a> @ builtbyrobots. Do not remove this credit.</div>
</div>
</div>

<div id="sitename">
<h3>YOURSITENAMEHERE</h3>
</div>
<div id="navigation">
<center><a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> </center>
</div>
<div id="blogger">
<h1>type your text here</h1>
<h2>type your text here</h2>
type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here.

<center>Layout is Copyright to <a href="http:/builtbyrobots.org/">Brooke</a> at Builtbyrobots.org</center></div>

</body></html>

LAYOUT: This layout has a purple background with a fading patterned effect below a teal header banner with random white brushes to the left side. The navigation is placed under the header image and above the blog.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<title>YOUR TITLE HERE        [LAYOUT BY BUILT BY ROBOTS]</title>
<meta content="no" http-equiv="imagetoolbar">
<META NAME="Copyright" content="CopyrightŠ builtbyrobots.org. All Rights Reserved."> <META HTTP-EQUIV="content-language" content="EN">

td {font-family: Tahoma;
	font-size: 10px;}

body {
font-family: 'Tahoma'; 
color: #000000;
text-align: justify;
font-size: 10px;
line-height: 11px;
font-weight: normal;
margin-top: 2px;
margin-bottom: 5px;
text-align: left;
padding-bottom: 5px; 
background-color: #4d1a66;
background: url('http://i356.photobucket.com/albums/oo4/bbrorg/0004bg-1.png');}

b, strong {
COLOR: #cd672d; 
font-weight: bold; }

u {
color: #000000;
font-family: 'Tahoma';
text-align: justify;}

i {
COLOR: #61178f; 
font-family: 'Tahoma';
font-style: italic;}

a img { 
border : 0px solid ;} 
a:hover img { 
border : 0px solid ;}

img{
border: 0;}

/*Links*/
a:link, a:visited, a:active {
    text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #cd672d;}
a:hover { 
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #61178f;}

/*Navigation*/
a.nav10 {
font:12px Tahoma;
font-weight:bold;
color:#4d1a66;
background-color:#ffffff;
text-decoration:none;}

a.nav10:hover {
background-color:#189db5;}

/*Subs*/

#sitename {
text-align:justify;
position:absolute;
top:70px;
left:-20px;
width:550px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#navigation {
text-align:justify;
position:absolute;
top:275px;
left:170px;
width:515px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#blogger {
text-align:justify;
position:absolute;
top:300px;
left:256px;
width:477px;
height:auto;
padding:3px;
padding-bottom:2px;
margin-bottom: 10px;
height:auto;}

#sidebar {
text-align:justify;
position:absolute;
width:131px;
top:300px;
left:120px;
height:auto;
padding:2px;}

h1 {
color: #631793;
font-family: Tahoma;
font-size: 32px;
line-height: 35px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
padding-left: 5px;
}

h2 {
color: #189db5;
font-family: tahoma;
font-size: 10px;
line-height: 20px;
font-weight: bold;
text-transform: lowercase;
text-align: right;
letter-spacing: 2px;
margin-bottom: 2px;
margin-top: 0px;
}

h3 {
color: #ffffff;
font-family: Carnivalee Freakshow, Cast Iron, Cairo, Creampuff, Action Jackson, Arial;
font-size: 50px;
line-height: 55px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-top: 2px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
padding-left: 5px;
}
h4 {
color: #1c92ae;
font-family: Tahoma;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 2px;
margin-top: 0px;
}
</style></head>

<body>
<div id="Layer" style="position:absolute; top: 0px; left:0px"> <img src="http://i356.photobucket.com/albums/oo4/bbrorg/Image200-1.png" /></div>
<div id="sidebar">
<h4>about</h4>
Here you write a little bit about your site, <B>things your site offers</B>. You can write as little or as much as you like, but remember this is just a short info post, not your whole stie blog.
<br />
<h4>extra info</h4>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
<br />
<h4>disclaimer</h4>
The current layout was made by <a href="http://builtbyrobots.org">brooke</a> @ builtbyrobots. Do not remove this credit.</div>
</div>
</div>

<div id="sitename">
<h3>YOURSITENAMEHERE</h3>
</div>
<div id="navigation">
<center><a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> <a href="LINKURL" class="nav10">   L I N K   </a> </center>
</div>
<div id="blogger">
<h1>type your text here</h1>
<h2>type your text here</h2>
type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. 
type your text here. type your text here. type your text here. type your text here. type your text here. type your text here. type your text here.

<BR><BR><BR>
<center>Layout is Copyright to <a href="http:/builtbyrobots.org">Brooke</a> at Builtbyrobots.org</center></div>

</body></html>

poke

webmiss

network

Statistics

affiliates

Disclaimer

TwoColumn