pretty memories

Designer's Comments

Look carefully for specific instructions

please don't claim it as your own, as it isn't.
do not alter the image in any way. if you like I will put your site title on there.
please do not, under any circumstances, remove my credits.

message me if you use it! :)

want more? layouts, resources & tutorials at http://unwritten.eu.pn

Layout Code

Copy and paste to Template HTML

Help

<html> 
<head> 
 
<title>pretty memories</title> 
 
</head> 
 
<style type="text/css"> 
 
/*******************************
 Images & Coding (c) Amy 
 @ ohhmacaroni.createblog.com
 
 {November 23,2010}
********************************/
 
/************************************************
 Design basics [background, image, text]
*************************************************/
#image
{background:url('http://cbimg6.com/layouts/10/11/36581aa.png');
 position:absolute;
 left:0px;
 top:0px;
 width:899px;
 height: 600px;}

body
{background-color: #eaf1ff;
 background-image: url('http://cbimg6.com/layouts/10/11/36581ab.png'); 
 background-repeat: repeat-y;
 background-attachment: scroll;}

.text {font: normal 12px trebuchet ms;
 line-height: 16px;
 color: #000000;
 text-align: justify;
 cursor: crosshair;
 padding-right: 3px;}

/************************************************
 Content [position, header]
*************************************************/
#content {position: absolute; top: 460px; left: 75px; width: 327px;}
#content h1 {color: #483d4b; border-right: 3px solid #000000; font-family: 15px tahoma; line-height: 22px; text-align: right; letter-spacing: 4px;}

/************************************************
 Sidebar [position, header]
*************************************************/
#sidebarr {POSITION: absolute; TOP: 400px; LEFT: 410px; WIDTH: 200px;}
#sidebarr h2  {color: #000000; background-color: #f5f8d2; font-family: 12px tahoma; line-height: 10px; text-align: right; letter-spacing: 4px;}

/************************************************
 Bold, italic, underline, strikeout texts, link styles
*************************************************/    
 
b, bold   {color: #000000; font: 12px georgia; line-height: 12px;}
i, italic  {color: #000000; line-height: 12px;}
u, underline   {color: #000000; border-bottom: #63a5c7 1px dotted; line-height: 12px;}
s, strikethrough  {color: #000000; text-transform: uppercase; font-size: 10px; line-height: 12px;}
 
a.l1:link{text-decoration: none; display: block; text-align: center; background-color: #d5e3fd; color: #0a7380; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px; border-left: 1px solid #000000; border-right: 1px solid #000000;}       
a.l1:hover {color: #000000; background-color: transparent; border-left: none; border-right: none;}
a.l1:active {color: #000000; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}
a.l1:visited {text-decoration: none; display: block; text-align: center; background-color: #d5e3fd; color: #0a7380; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}

a.l2, a.l2:link, a.l2:active, a.l2:visited
{text-decoration: none; text-transform: none; color: #2177ac; font-size: 12px; font-style: italic; font-family: verdana; letter-spacing:-1px;}   
 
 
 
</style> 
 
<body> 
 
 
<div id="image"></div>

<div id="content"> 
 
 
 
<h1>change this</h1> 
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tincidunt ligula sed mi porttitor at euismod metus fringilla. Pellentesque sit amet placerat neque. Sed imperdiet pellentesque vehicula. Mauris eget condimentum ligula. Nam a dapibus dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ut tellus dolor. Quisque quis ipsum elit. Suspendisse potenti. Nulla vel odio elit, id euismod libero. Sed in nisl ut felis mattis vulputate in et est. Praesent venenatis augue at arcu pellentesque aliquam. Suspendisse non ipsum dolor, id accumsan tortor. Praesent eget felis nibh, sit amet viverra diam. Vivamus quis diam quis elit fringilla tristique.
 
<p> 
 
<h1>change this</h1> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tincidunt ligula sed mi porttitor at euismod metus fringilla. Pellentesque sit amet placerat neque. Sed imperdiet pellentesque vehicula. Mauris eget condimentum ligula. Nam a dapibus dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ut tellus dolor. Quisque quis ipsum elit. Suspendisse potenti. Nulla vel odio elit, id euismod libero. Sed in nisl ut felis mattis vulputate in et est. Praesent venenatis augue at arcu pellentesque aliquam. Suspendisse non ipsum dolor, id accumsan tortor. Praesent eget felis nibh, sit amet viverra diam. Vivamus quis diam quis elit fringilla tristique.
 
<h1>layout details</h1> 
 
<b>Bold Text</b><br> 
<i>Italicized Text</i><br> 
<u>Underlined Text</u><br> 
<s>Strikeout Text</s><br> 
<a href="linkurl" class="l2">Link</a><p> 
</div> </div>

<div id="sidebarr"> 
<h2>about me</h2> 
<div class="text">
<br> 
Type up a little bio to go here. Or change it to something else entirely. Whatever floats your boat. :) 
<p> 
 
<h2>navigation</h2> 
<br> 
<a href="http://index" class="l1">index</a>
<a href="http://stories"class="l1">stories</a>
<a href="http://message"class="l1">send me a message!</a>
<a href="http://link001"class="l1">link001</a>
<a href="http://link002"class="l1">link002</a>
<a href="http://link003"class="l1">link003</a>
<p> 
 
<h2>cbox</h2> 
 
If you choose to have one the <a href="href="http://cbox.ws" class="l2">cbox</a> can go here
 
<p> 
 
<h2>credits</h2> 
<center> 
<a href="http://unwritten.eu.pn" class="l2">Amy</a>@<a href="http://ohhmacaroni.createblog.com/layouts/" class="l2">CB</a><br> 
<a href="http://www.emma-stone.org/" class="l2">x</a><a href="http://www.themonkeybox.net/index.php" class="l2">x</a><a href="http://mini0714.deviantart.com/" class="l2">x</a><a href="http://www.azlyrics.com/lyrics/amerie/canwego.html" class="l2">x</a><a href="http://www.hybrid-genesis.com/" class="l2">x</a>
</center> 
</div> 
 
 
 
 
 
</body> 
</html>