free your soul ::

Designer's Comments

Look carefully for specific instructions

Never in my life did I think I was going to make a layout of a Disney Channel star.
It's friggin' odd how I can tolerate Demi and her little friend Selena; FRIGGIN' ODD. o_O
Anyway, this took me a while so don't be a butthead and steal it. :D
Credits are there; do not remove them, thanks.

- Lenny

Layout Code

Copy and paste to Template HTML

Help

<html>
<title>free your soul ;; so-sarcastic</title>

<head>
<style type="text/css">
{
}body{
scrollbar-arrow-color: #dc0103;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #e86e68;
scrollbar-highlight-color: #e86e68;
scrollbar-3dlight-color: #e86e68;
scrollbar-shadow-color: #e86e68;
scrollbar-darkshadow-color: #e86e68;
background-color: #ffffff;}

body, input {
font-family: Times New Roman;
font-size: 9px;
letter-spacing: 0px;
background-image: url("http://cbimg9.com/layouts/08/12/32908ac.jpg");
background-repeat: repeat;
background-position: absolute;
border: 3px;
cursor: crosshair;}

td, p {
font-family: Times New Roman;
font-size: 9px;
letter-spacing: 0px;
line-height: 11px;
background-color: #ffffff;}

b {color: #dc0103; font-size: 12px; letter-spacing: 0px; text-transform: uppercase; font-weight: bold;}
i {color: #16b5ae; font-size: 12px; text-transform: lowercase;}
u {color: #404040; border-bottom: 3px solid #e86e68; font-size: 12px; letter-spacing: 0px;}
s {color: #bdb0a4; font-size: 12px; letter-spacing: 0px;}

.head {
color: #000000;
background: #88e8e4;
border-left: 8px solid #df070c;
border-right: 1px dashed #df070c;
font-family: Georgia;
font-size: 26px;
font-weight: none;
font-variant: none;
letter-spacing: -2px;
line-height: 12px;
text-align: right;
text-transform: none;
padding: 3px;}

.head2 {
color: #ffffff;
background: #df070c; 
border-right: 8px solid #1ad3cc;
font-family: small fonts;
font-size: 9px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
line-height: 10px;
text-align: right;
text-transform: uppercase;
padding: 2px;}

.text {
color: #000000;
background: #ffffff;
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 13px;
text-align: justify;
padding: 2px;}

.text2 {
color: #000000;
background: #fefefe;
border-right: 2px solid #ffffff;
border-left: 2px solid #ffffff;
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 13px;
text-align: justify;}

blockquote {
color: #808080;
background: #88e8e4;
border-left: 20px solid #e86e68;
border-right: 1px solid #e86e68;
border-top: 1px solid #e86e68;
border-bottom: 1px solid #e86e68;
font-family: Times New Roman;
font-size: 12px;
letter-spacing: 0px;
line-height: 11px;
padding: 4px;}

a:link, a:active {
color: #df070c;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

a:visited {
color: #bdb0a4;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
cursor: crosshair;}

a:hover {
color: #e86e68;
font-family: Times New Roman;
font-size: 12px;
font-weight: none;
font-variant: none;
letter-spacing: -1px;
text-decoration: none;
text-transform: none;
cursor: n-resize;}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
background: #ffffff;
font-family: Georgia;
font-size: 10px;
display: block;
height: 10px;	
color: #1aa39d;
border-bottom: 1px solid #df070c;
text-transform: uppercase;
letter-spacing: 0px;}

a.nav:hover {
background: #88e8e4;
font-family: Georgia;
font-size: 10px;
display: block;
height: 10px;
color: #404040;
border-bottom: 1px solid #c0c0c0;
text-transform: uppercase;
letter-spacing: 0px;}

</style>
</head>

<div class="head2">»» About -</div>
<div class="text">
Ramble about whatever floats your boat here. 
<br>
</div>
<br>

<div class="head2">»» Navigate -</div>
<div class="text2">
<center>
<a href="http://www.link.com" class="nav" target="_blank">HOME</a> 
<a href="http://www.link.com" class="nav" target="_blank">OWNER</a> 
<a href="http://www.link.com" class="nav" target="_blank">CONTENT</a> 
<a href="http://www.link.com" class="nav" target="_blank">WHATEVER</a> 
<a href="http://www.link.com" class="nav" target="_blank">WHATEVER</a> 
<a href="http://www.link.com" class="nav" target="_blank">WHATEVER</a> 
</center>
</div>
<br>

<div class="head2">»» Affiliates -</div>
<div class="text2">
<center>
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">Affy</a> 
<a href="http://www.link.com" class="nav" target="_blank">More?</a>
</center>
</div>
<br>

<div class="head2">»» Whatever -</div>
<div class="text">
Stick what you want in here. 
<br>
</div>
<br>

<div class="head2">»» Credits -</div>
<div class="text">
<center>
Layout ©: <a href="http://www.createblog.com/website-templates/32908-free-your-soul-/" target="_blank">so-sarcastic</a><br>
<a href="http://demi-lovato.com">x</a><a href="http://ownthesunshine.livejournal.com">x</a> - <a href="http://crazykira.deviantart.com">x</a><a href="http://www.ego-box.com">x</a>

</center>
</div>
<br>
<br>
<br>
<br>
</div>

<div class="text2"><br>
<div class="head">December 7th 2008;;</div><br>
<center>
<img src="http://cbimg9.com/layouts/08/12/32908aa.png"> <img src="http://cbimg9.com/layouts/08/12/32908ab.png"><br>

<b>Bold</b> 
<i>Italics</i> 
<s>Strikethrough</s> 
<u>Underline</u> 
<a href="http://www.link.com" target="_blank">Link</a>
</center><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In gravida ullamcorper turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc accumsan erat non pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce placerat ante vel lorem. Nunc nunc risus, lacinia ac, adipiscing vitae, congue eget, nisi. Duis ac nisi a libero molestie congue. Morbi lectus ipsum, condimentum sit amet, congue quis, malesuada eget, ligula. Donec ultrices pharetra elit. Curabitur ligula ligula, sollicitudin lacinia, laoreet tempor, consectetuer vitae, massa? Donec ut lorem. Etiam nisl libero, interdum vel, scelerisque sed, consequat sed, neque.<br><br>

<blockquote>Nunc vitae ipsum et dui semper eleifend. Phasellus a pede ac urna convallis tempor. Donec dapibus tempor elit! Nunc dictum sollicitudin arcu! Vestibulum consectetuer; velit vel porttitor dictum, felis leo sollicitudin neque, eget rhoncus orci orci et quam. Etiam volutpat porttitor erat.</blockquote></center>

Morbi erat. Etiam iaculis condimentum tellus. Quisque ultrices dictum enim. Cras lacinia. Nulla eu est cursus arcu ullamcorper consectetuer. Praesent condimentum nisi et magna? Aenean mauris nunc, iaculis tempus, facilisis sit amet, vestibulum in, libero? Nulla facilisi. Integer metus eros, sagittis sed, tincidunt sed; placerat sed; mi. Donec at neque. In rutrum placerat mi. Phasellus tempus malesuada orci. <br><br>

</div>
<br><br> 
</div>
<br><br>

</body>
</html>

Layout Comments

Showing latest 10 of 16 comments

this is pretty! i love the colors x]

By meggyBEAR on Jul 13, 2009 11:28 pm

I really love this! I have a huge question, I want to create a website fansite for aspiring country singer/song writer Ryan Laird (myspace.com/ryanlaird) and I run his official street team. I was wondering if you could make me a web layout featuring Ryan? I'm not sure how you would respond back, my email is c.robidoux@msn.com

Thank you!!

By MANDACE on Mar 20, 2009 4:12 am

i'm going to use it :] thanks

By ohwowgraphics on Feb 18, 2009 12:58 am

omg i absolutely love this.. could you make a myspace layout version?

By minabodena on Feb 13, 2009 12:59 pm

first of all this layout is amazing, and so is demi. and secondly who cares if shes supposedly a "cutter" that doesnt make me think of her any differently. and i think thats all a rumor. just because of pics where it looks like theres something red by her wrist, thats from her hair pony not from "cutting".

By itsmegandarling on Jan 7, 2009 4:31 am