www.lovable-pixam.com

freewebs layouts

Camera Layout:

<html>
<head>
<title> it will last longer </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #289092;}

b{color:#97B4A9;}
i{font-family:Georgia; color:#BAA453;}
u{font-weight:bold;font-family:Arial; color:#DAE3A5;border-bottom:1px dotted #000000;}

a:link,a:visited,a:active
{
color:#84A26E;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#C1D0B6;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
font-family: arial;
font-size: 14px;
font-weight: bold;
font-style:italic;
text-decoration:italic;
line-height: 20px;
border:none;
background: #DAE3A5;
color: #FD409B;
text-transform: lowercase;
text-align: center;
border-bottom:px solid #;
}
a.nav:hover {
display: block;
font-family: arial;
font-style:italic;
font-size: 14px;
font-weight: bold;
text-decoration:italic;
line-height: 20px;
border-bottom:px solid #;
background: #DAE3A5;
color: #ffffff;
text-transform: lowercase;
text-align: center;}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:px solid #;
background: #DAE3A5;
color: #5B742C;
font-family:times new roman;
text-transform:uppercase;
font-weight:normal;
font-size:8px;
line-height:10px;
padding:-2px;
text-align:center;
letter-spacing:3px;
}

.side {
background: #ffffff;
color: #FB3E91;
font-size:10px;
font-weight: normal;
font-family:arial;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 8px solid #DAE3A5; }

.nav {
background: #;
color: #289092;
font-size:px;
font-weight: normal;
padding-left:0px;
border-bottom: 8px solid #DAE3A5; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>Text</h1>
<div class="side">
<b>bold</b><br>
<i>italic</i><br>
<u>underline</u><br>
<a href="url">normal link</a>
</div>

<h1>navigation</h1>
<div class="nav">
<a class="nav" href="http://URL" target="main" >owner</a>
<a class="nav" href="http://URL" target="main">site</a>
<a class="nav" href="http://URL" target="main">content</a>
<a class="nav" href="http://URL" target="main">tutorials</a>
<a class="nav" href="http://URL" target="main">clear</a>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

</div>
<script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></body>
</html>

Power Lines Layout:

click here for preview

<html>
<head>
<title> a little bird whispered </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #289092;}

b{color:#FDC463;}
i{font-family:Georgia; color:#FB264C;}
u{font-weight:bold;font-family:Arial; color:#D29AC4;border-bottom:1px dotted #BB7B9C;}

a:link,a:visited,a:active
{
color:#BB7B9C;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#ffffff;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
font-family: arial;
font-size: 14px;
font-weight: bold;
font-style:italic;
text-decoration:italic;
line-height: 20px;
border:none;
background: #;
color: #CA06E3;
text-transform: lowercase;
text-align: center;
border-bottom:px solid #;
}
a.nav:hover {
display: block;
font-family: arial;
font-style:italic;
font-size: 14px;
font-weight: bold;
text-decoration:italic;
line-height: 20px;
border-bottom:px solid #;
background: #;
color: #ffffff;
text-transform: lowercase;
text-align: center;}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:px solid #;
background: #;
color: #FE7E95;
font-family:times new roman;
text-transform:uppercase;
font-weight:normal;
font-size:8px;
line-height:10px;
padding:-2px;
text-align:center;
letter-spacing:3px;
}

.nav {
background: #;
color: #289092;
font-size:px;
font-weight: normal;
padding-left:0px;
border-bottom: 8px solid #FFBACA; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>Text</h1>
<div class="side">
<b>bold</b><br>
<i>italic</i><br>
<u>underline</u><br>
<a href="url">normal link</a>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Silence Layout:

click here for preview

<html>
<head>
<title> there's a time to be silent </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #B9B9B9;}

b{color:#9C9898;}
i{font-family:Georgia; color:#000000;}
u{font-weight:bold;font-family:Arial; color:#C993E7;border-bottom:1px dotted #000000;}

a:link,a:visited,a:active
{
color:#E0BCF4;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#C687EB;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
font-family: arial;
font-size: 14px;
font-weight: bold;
font-style:italic;
text-decoration:italic;
line-height: 20px;
border:none;
background: #EFEFEF;
color: #C687EB;
text-transform: lowercase;
text-align: center;
border-bottom:px solid #;
}
a.nav:hover {
display: block;
font-family: arial;
font-style:italic;
font-size: 14px;
font-weight: bold;
text-decoration:italic;
line-height: 20px;
border-bottom:px solid #;
background: #EFEFEF;
color: #ffffff;
text-transform: lowercase;
text-align: center;}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:px solid #;
background: #EFEFEF;
color: #000000;
font-family:times new roman;
text-transform:uppercase;
font-weight:normal;
font-size:8px;
line-height:10px;
padding:-2px;
text-align:center;
letter-spacing:3px;
}

.side {
background: #ffffff;
color: #B9B9B9;
font-size:10px;
font-weight: normal;
font-family:arial;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 8px solid #EFEFEF; }

.nav {
background: #;
color: #B9B9B9;
font-size:px;
font-weight: normal;
padding-left:0px;
border-bottom: 8px solid #EFEFEF; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>Text</h1>
<div class="side">
<b>bold</b><br>
<i>italic</i><br>
<u>underline</u><br>
<a href="url">normal link</a>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Back to Basics Layout:

click here for preview

<html>
<head>
<title> -Back-to-basics- </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #289092;}

b{color:#00BFFF;}
i{font-family:Georgia; color:#1E90FF;}
u{font-weight:bold;font-family:Arial; color:#00BFFF;border-bottom:1px solid #000000;}

a:link,a:visited,a:active
{
color:#000000;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#999999;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 14px;
border:none;
background: #8C42D5;
color: #ffffff;
text-transform: lowercase;
text-align: center;
border-bottom:1px solid #B5B5B5;
}
a.nav:hover {
display: block;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 14px;
border-bottom:1px solid #B5B5B5;
background: #9B6DCC;
color: #ffffff;
text-transform: lowercase;
text-align: center;}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:3px solid #D9DA3B;
background: #E34796;
color: #ffffff;
font-family:times new roman;
text-transform:none;
font-weight:normal;
font-size:18px;
line-height:24px;
padding:-2px;
text-align:left;
letter-spacing:2px;
}

.side {
background: #ffffff;
color: #D4018C;
font-size:11px;
font-weight: normal;
font-family:arial;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 5px solid #B9B9B9; }

.navi {
background: #ffffff;
color: #289092;
font-size:10px;
font-weight: normal;
padding-left:0px;
border-bottom: 5px solid #B9B9B9; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:the owner<br>
talk about: likes, dislikes, appearance<br>
</div>

<h1>navigation</h1>
<div class="navi">
<a class="nav" href="http://URL" target="main" >link</a>
<a class="nav" href="http://URL" target="main">link</a>
<a class="nav" href="http://URL" target="main">link</a>
<a class="nav" href="http://URL" target="main">link</a>
<a class="nav" href="http://URL" target="main">link</a>
<a class="nav" href="http://URL" target="main">link</a>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Let go Layout:

click here for preview

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #9D2549;}

a:link,a:visited,a:active
{
color:#000000;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#c0c0c0;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 14px;
border:none;
background: #672A5C;
color: #ffffff;
text-transform: lowercase;
text-align: center;
border-bottom:2px solid #A32142;
padding-bottom:2px;
}

a.nav:hover {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 14px;
border-bottom:2px solid #A32142;
background: #ffffff;
color: #672A5C;
text-transform: lowercase;
text-align: center;
padding-bottom:2px;
}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-left:6px solid #ffffff;
background: #451379;
color: #ffffff;
font-family:courier new;
text-transform:uppercase;
font-weight:normal;
font-size:10px;
line-height:20px;
padding:-2px;
text-align:center;
letter-spacing:2px;
}

.side {
background: #ffffff;
color: #9D2549;
font-size:11px;
font-weight: normal;
font-family:times new roman;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 5px solid #A32142; }

.navi {
background: #ffffff;
color: #000000;
font-size:10px;
font-weight: normal;
font-family:times new roman;
padding-left:0px;
border-bottom: 5px solid #A32142; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:the owner<br>
talk about: likes, dislikes, appearance<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Hold on Layout:

click here for preview

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #FF8D9A;}

a:link,a:visited,a:active
{
color:#000000;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#c0c0c0;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 14px;
border:none;
background: #ffffff;
color: #FF8D9A;
text-transform: lowercase;
text-align: center;
border-bottom:3px solid #C1E7F9;
padding-bottom:2px;
}

a.nav:hover {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 14px;
border-bottom:3px solid #A2F5BF;
background: #ffffff;
color: #FBB89B;
text-transform: lowercase;
text-align: center;
padding-bottom:2px;
}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:3px solid #8BF686;
background: #40B4DB;
color: #ffffff;
font-family:times new roman;
text-transform:uppercase;
font-weight:normal;
font-size:10px;
line-height:20px;
padding:-2px;
text-align:center;
letter-spacing:2px;
}

.side {
background: #ffffff;
color: #FF8D9A;
font-size:11px;
font-weight: normal;
font-family:times new roman;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 5px solid #DEE4E7; }

.navi {
background: #ffffff;
color: #000000;
font-size:10px;
font-weight: normal;
font-family:times new roman;
padding-left:0px;
border-bottom: 5px solid #DEE4E7; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:the owner<br>
talk about: likes, dislikes, appearance<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Avril Lavigne Layout:

click here for preview

<html>
<head>
<title> TITLE </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #000000;}

a:link,a:visited,a:active
{
color:#000000;
font-family:trebuchet ms;
font-weight:bold;
font-size:11px;
text-transform:normal;
text-decoration:none;
}
a:hover
{
color:#E823A0;
cursor:crosshair;
font-size:11px;
font-weight:bold;
text-transform: normal;

}

a.nav, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 23px;
border:none;
background: #ffffff;
color: #000000;
text-transform: lowercase;
text-align: center;
border-left:6px solid #E1D1C9;
padding-bottom:2px;
}
a.nav:hover {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 23px;
border-left:6px solid #ffffff;
background: #E823A0;
color: #000000;
text-transform: lowercase;
text-align: center;
padding-bottom:2px;
}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:3px solid #E1D1C9;
background: #E921A0;
color: #000000;
font-family:times new roman;
text-transform:uppercase;
font-weight:normal;
font-size:20px;
line-height:16px;
padding:-2px;
text-align:left;
letter-spacing:-2px;
}

.side {
background: #ffffff;
color: #000000;
font-size:11px;
font-weight: normal;
font-family:times new roman;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 5px solid #000000; }

.navi {
background: #ffffff;
color: #000000;
font-size:10px;
font-weight: normal;
font-family:times new roman;
padding-left:0px;
border-bottom: 5px solid #000000; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:the owner<br>
talk about: likes, dislikes, appearance<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Emmy Rossum Layout:

click here for preview

<html>
<head>
<title> Glamorous </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #666666;}

b{color:#00BFFF;}
i{font-family:Georgia; color:#1E90FF;}
u{font-weight:bold;font-family:Arial; color:#00BFFF;border-bottom:1px solid #000000;}

}

a.nav, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: Arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 11px;
border:none;
background: #D5DCEF;
color: #000000;
text-transform: uppercase;
text-align: center;
border-bottom:1px solid #ffffff;
}
a.nav:hover {
display: block;
font-family: Arial;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 11px;
border-bottom:1px solid #000000;
background: #cccccc;
color: #000000;
text-transform: uppercase;
text-align: center;}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:2px solid #000000;
background: #88B0DD;
color: #ffffff;
font-family:times new roman;
text-transform:lowercase;
font-weight:normal;
font-size:20px;
line-height:16px;
padding:-2px;
text-align:center;
}

h2 {
margin-bottom: 0px;
margin-top: 0px;
font-size:11px;
line-height:11px;
font-family:trebuchet ms;
font-weight:normal;
text-transform:normal;
color: #FFFFFF;
background:#361275;
text-align:right;
padding:2px;
}

.side {
background: #c0c0c0;
color: #ffffff;
font-size:11px;
font-weight: normal;
font-family:arial;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 5px solid #ffffff; }

.navi {
background: #c0c0c0;
color: #ffffff;
font-size:11px;
font-weight: normal;
padding-left:0px;
border-bottom: 5px solid #ffffff; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:the owner<br>
talk about: likes, dislikes, appearance<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Mischa Barton Layout:

click here for preview

<html>
<head>
<title> ViNtAGE lOVE </TITLE>
<style type="text/css">

body {
font-size:11px;
font-family:Arial;
line-height:11px;
color: #289092;}

b{color:#00BFFF;}
i{font-family:Georgia; color:#1E90FF;}
u{font-weight:bold;font-family:Arial; color:#00BFFF;border-bottom:1px solid #000000;}

}

a.nav, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 23px;
border:none;
background: #CFCFCF;
color: #ffffff;
text-transform: lowercase;
text-align: center;
border-bottom:1px solid #B5B5B5;
}
a.nav:hover {
display: block;
font-family: times new roman;
font-size: 10px;
font-weight: bold;
text-decoration:none;
line-height: 23px;
border-bottom:1px solid #B5B5B5;
background: #ffffff;
color: #000000;
text-transform: lowercase;
text-align: center;}

h1 {
margin-bottom: 0px;
margin-top: 0px;
border-bottom:3px solid #929292;
background: #000000;
color: #AB457F;
font-family:times new roman;
text-transform:uppercase;
font-weight:normal;
font-size:20px;
line-height:16px;
padding:-2px;
text-align:left;
letter-spacing:-2px;
}

.side {
background: #ffffff;
color: #289092;
font-size:11px;
font-weight: normal;
font-family:times new roman;
padding-left:2px;
text-transform: normal;
text-align:left;
letter-spacing:0px;
border-bottom: 5px solid #B5B5B5; }

.navi {
background: #ffffff;
color: #289092;
font-size:10px;
font-weight: normal;
padding-left:0px;
border-bottom: 5px solid #B5B5B5; }

</style>

</head>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:Site information<br>
talk about:when founded, owner, hits<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:the owner<br>
talk about: likes, dislikes, appearance<br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:updates<br>
talk about:what have you updated recently <br>
</div>

<h1>header</h1>
<div class="side">
Write your STUFF here<br>
example:affies<br>
talk about:add your affies or sisters<br>
</div>

<h1>credits</h1>
<div class="side">
layout by lovable-pixam.com<br>

Navigate

Resources

Layouts

Graphics

Exits

Stats

freewebs layouts