OneColumn

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: Features Kristen Bell, is shades of a Blue and Gray. The header image is to the left of the screen, the navigation is to the right of the blog with the blog sitting right next to the header image.

/* Basics and Typography */
body {background-color:#000000;
background-image: url(http://i27.tinypic.com/a46jci.jpg); 
background-repeat: repeat;
font-family: 'Tahoma'; 
color: #42474a;
text-align: justify;
font-size: 10px;
line-height: 11px;
font-weight: normal;}
body, td, p, #d {font:10px tahoma;color:#42474a;}

a:link, a:visited, b {
color:#0b7ac2;
font-weight:bold;}
a:hover {
text-decoration:none;}

a.nav {
background-color:#3a87c5;
color:#d7dfdf;
font-size:30px;
font-family: Arial;
font-weight:bold;
text-align:left;
margin:3px;
text-decoration:none;
padding:10px;}
a.nav:hover {
padding-left:40px;
text-align:left;
color:#ffffff;}

h1 {
font:50px courier new;
color:#0b7ac2;
letter-spacing:2px;
margin:1px;
text-align:right;
text-transform:uppercase;}

/*HEADER DIV*/
div.header {
position:absolute;
top:0px;
left:0px;
width:250px;
color: #ffffff;
background-color: #2d586d;
font-size: 10px;
font-family: tahoma;
font-style:italic;
text-align: justify;
line-height: 12px;}

#blog, #nav {
position:absolute;}
#blog {
width:400px;
top:0px;
left:250px;
background-color:#d4d9dc;
padding:5px;
text-align:justify;
border-right:5px solid #3a87c5;
border-left:2px solid #d4d9dc;}
#nav {
top:0px;
left:653px;}
</style>

<div id=blog>
<h1>header</h1>
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 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 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 /><br /><br />

<h1>header</h1>
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 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 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 /><br /><br />

LAYOUT: The layout features Raquel Reed and is shades of purple. The Navigation is at the top of the blog and then the blog sits underneath.

body{
color: #000000;
background-image: url(http://i29.tinypic.com/m81m5t.jpg);
background-repeat: repeat; 
font-size: 10px;
font-family: Arial, Tahoma;
text-align:justify;
line-height: 12px;}

i, em {
color: #9303ad;
font-style:italic;}
b, strong {
color: #404040;}
u {
color: #ffffff;}

div.blog {
position:absolute;
top:345px;
left:350px;
width:400px;
color:#f8f4f4;
background-color: #000000;
font-size: 10px;
font-family: arial, tahoma;
text-align: justify;
line-height: 12px;}

div.header {
position:absolute;
top:0px;
left:350px;
width:400px;
color: #ffffff;
background-color: #000000;
font-size: 10px;
font-family: arial, tahoma;
text-align: justify;
line-height: 12px;}

h1 {
color: #ffffff;
font-size: 16px;
font-family: arial, times;
text-align: right;
letter-spacing: 3px;
line-height: 14px;
border-right: 5px solid;
padding: 10px;
border-color: #84d9e8;}

h2{
color: #9303ad;
font-size: 10px;
font-family: arial, times;
text-align: center;
line-height: 10px;}

h3{
color: #000000;
font-size: 10px;
font-family: arial, tahoma;
line-height: 10px;
line-height: 12px;
text-align: justify;
background-color: #c0c0c0;
border-left: 8px solid;
border-color: #84d9e8;}

/*Links*/
a:link, a:visited {
color: #d977eb;
font-family: arial, tahoma;
font-size: 10px;
line-height: 12px;
text-decoration: none;}

a:hover, a:active {
color: #84d9e8;
background-color: #ffffff;
font-family: arial, tahoma;
font-size: 10px;
line-height: 12px;
text-decoration: none;}
</style>
</head>

<body>
<div class="header">
<img src="http://i31.tinypic.com/2mez40z.png">
</div>
<div class="blog">
<center><a href="LINK">HOME</a> | <a href="LINK">LINK 2</a> | <a href="LINK">LINK 3</a> | <a href="LINK">LINK 4</a></center><BR>
<h1>Write Your Text Here</h1>
<h2>Write Your Text Here</h2>
<a href="http://builtbyrobots.org">builtbyrobots.org</a><BR>
WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE 
WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE 
WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE WRITE YOUR BLOG HERE 
<br />
<hr />
<center><strong>FREE LAYOUT MADE BY <a href="http://builtbyrobots.org">builtbyrobots.org</a></strong></center>
</div></body></html>

LAYOUT: This layout features MKA Olsen, and has shades of purple, the layout sits to the left of the screen with a small image at the top.

a:active, a:visited, a:link {
	font-family: tahoma;
	text-decoration: none;
	color: #666666;
	font-size: 6pt;
	line-height: 6pt;
	text-transform: uppercase}
a:hover {
	font-family: tahoma;
	text-decoration: none;
	color: #4a0d61;
	font-size: 6pt;
	line-height: 6pt;
	text-transform: uppercase;
	cursor: default;
	border-bottom: #000000 1px solid}

.header {
	font-family: tahoma;
	color: #c798db;
	font-size: 30pt;
	line-height: 30pt}

.webname {
	font-family: georgia;
	color: #e97fb8;
	font-size: 40pt;
	line-height: 30pt}

textarea {
	font-family: lucida sans;
	color: #000000;
	font-size: 7pt;
	line-height: 7pt;
	background-color: #ffffff;
	border: #ffffff 0px solid;}
</style></head>
<body>
<div style="left: 500px; top: 0px; position: absolute; width: 500px; background-color: #ffffff">
<img src="http://i356.photobucket.com/albums/oo4/bbrorg/tutorial.png">
</div>
<div style="left: 500px; top: 200px; position: absolute; width: 500px; background-color: #ffffff">
<center><font class=webname>sitename here . org</font></center>
<center><a href="http://builtbyrobots.org">BBR</a> . <a href="">NAV 2</a> . <a href="">NAV 3</a></center><br /><br />

<font class=header>TITLE</font><br />
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE 
WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE WRITE TEXT HERE

LAYOUT: This layout features Kate Hudson and is shades of black and pink. The layout is set to sit to the right of the screen and with a small header image at the top.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html><head>
<title>     WEBSITE TITLE HERE</title>
<META NAME="Copyright" content="CopyrightŠ builtbyrobots.org. All Rights Reserved."> <META HTTP-EQUIV="content-language" content="EN"> 
<style type="text/css">
BODY {
	background: url(http://i356.photobucket.com/albums/oo4/bbrorg/tutorialbefore.png);
	background-attachment: fixed}
BODY, P, TD, TR, TABLE, DIV {
	font-family: lucida sans;
	color: #ffffff;
	font-size: 7pt;
	line-height: 7pt}
b, strong {
	font-family: tahoma;
	color: #f60072;
	font-size: 6pt;
	line-height: 6pt;}
u {
	font-family: tahoma;
	color: #ffffff;
	font-size: 6pt;
	line-height: 6pt;
	border-bottom: #78D4BD 1px solid}
i, em {
	font-family: tahoma;
	color: #ffffff;
	font-size: 6pt;
	line-height: 6pt;
	font-style:italic;}

a:active, a:visited, a:link {
	font-family: tahoma;
	text-decoration: none;
	color: #9c0049;
	font-size: 6pt;
	line-height: 6pt;}
a:hover {
	font-family: tahoma;
	text-decoration: none;
	color: #f60072;
	font-size: 6pt;
	line-height: 6pt;
	cursor: default;
	border-bottom: #ffffff 1px solid}

.header {
	font-family: georgia;
	color: #e10778;
	font-size: 20pt;
	line-height: 20pt;
	font-style:italic;}

.webname {
	font-family: georgia;
	color: #f80193;
	font-size: 40pt;
	line-height: 30pt;}

textarea {
	font-family: lucida sans;
	color: #ffffff;
	font-size: 7pt;
	line-height: 7pt;
	background-color: #FFFFFF;}
</style></head>
<body>
<div style="left: 500px; top: 0px; position: absolute; width: 500px; background-color: #000000">
<img src="http://i356.photobucket.com/albums/oo4/bbrorg/weblay.png">
</div>
<div style="left: 500px; top: 200px; position: absolute; width: 500px; background-color: #000000">
<center><font class=webname>sitename here . org</font></center>
<center><a href="http://builtbyrobots.org">BBR</a> . <a href="">NAV 2</a> . <a href="">NAV 3</a></center><br /><br />

<font class=header>Header</font><br />
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 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 /><br />
<font class=header>Header</font><br />
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 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 /><br /><br />
<center>LAYOUT COPYRIGHT <a href="http://builtbyrobots.org">builtbyrobots.org</a> 2008</center>
</div></body></html>

poke

webmiss

network

Statistics

affiliates

Disclaimer

OneColumn