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 grey textured background with a white blogging area starting from the top of the page. A simple yet colourful Raquel Reed picture sits to the side of 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: #eaeaea;
background: url('http://i356.photobucket.com/albums/oo4/bbrorg/freebg.png');}

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

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

i {
COLOR: #f84ec2; 
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: #08e8f8;}
a:hover { 
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9px;
	color: #faf302;}

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

a.nav10:hover {
background-color:#ffffff;
color:#92d308;
padding:4px;
border-bottom:5px solid #fbf600;}

/*Subs*/

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

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

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

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

h1 {
color: #f84ec2;
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: #00d6f6;
font-family: Lucida Bright, Rockwell Extra Bold, Lucida Handwriting, 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: #f58449;
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: 0; left:0"> <img src="http://i356.photobucket.com/albums/oo4/bbrorg/kperry-2.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: Features Katy Perry, the layout has a black background with bold texts of blue, purple and green. 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>     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">

/* Basics and Typography */
body {background-color:#000000;
font-family: 'Tahoma'; 
color: #ffffff;
text-align: justify;
font-size: 10px;
line-height: 11px;
font-weight: normal;}

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

u {
color: #18a2e2;
font-family: 'Tahoma, Helvetica, Georgia, Sans-serif';
text-align: justify;}

i, em {
COLOR: #9ec492; 
font-family: 'Tahoma, Helvetica, Georgia, Sans-serif';
font-style: italic;}

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

h1 {
font:30px arial;
color:#32a3c8;
text-transform:uppercase;
margin-bottom:2px;
margin-top:0px;
text-align:right;}
h2 {
font:18px arial;
color:#6c1b61;
text-transform:uppercase;
margin-bottom:2px;
margin-top:0px;}

a.nav {
font:12px arial;
color:#393939;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
margin-left:15px;
margin:10px;}
a.nav:hover {
color:#393939;
background-color:#e1eced;
margin-left:15px;
margin:10px;}

#blog, #topimage {margin:0px;}
#topimage {position:absolute;
top:-10px;
left:0px;
font:9px tahoma;
width:100%;
background-color:#000000;
padding:5px;
margin-bottom:10px;
border-bottom:5px solid #000000;
text-align:justify;}
#side {
position:absolute;
top:455px;
left:210px;
background-color:#161414;
width:150px;
padding-bottom:10px;
padding-top:10px;}
#blog {
position:absolute;
top:455px;
left:370px;
background-color:#161414;
width:450px;
padding-bottom:10px;
padding-top:10px;}
</style>

<div id=topimage>
<img src="http://i356.photobucket.com/albums/oo4/bbrorg/kperry.png"><br /><br />
                                                                            
<a href="URL" class=nav>HOME</a> 
<a href="URL" class=nav>CONTENT</a> 
<a href="URL" class=nav>BLOGGER</a> 
<a href="URL" class=nav>ONLINE</a> 
<a href="URL" class=nav>EXTRA LINK</a> 
<a href="URL" class=nav>EXITS</a>
<a href="http://builtbyrobots.org" class=nav>BUILTBYROBOTS.ORG</a>
</div>

<div id=side>
<h2>About</h2>
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 /><br /><br />
<h2>Extra Info</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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 />
<h2>Disclaimer</h2>
Here you write the copyrights to your site. the permissions people have and where you find your site stuff at. Layout and coding is copyright to <B>Brooke</B> at <a href="http://builtbyrobots.org">BBR.ORG</a>.</div>
</div>

<div id=blog>
<h1>header</h1>
text text text text text <I>text text text text text text text</I> text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text <B>text text text text text text text</B> text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text <U>text text text text text text text text text text text</U> text text text text text text text text text text text text text text text text text 
<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