Life Happens Too Fast

Designer's Comments

Look carefully for specific instructions

visit HTTP://LEMONEND.NET for up-to-date layouts and the remainder of my content.

please don't claim it as your own, and message me if you use it.
(or leave a message in the tagboard at lemonend)
please do not alter the layout image.

works in everything.

Layout Code

Copy and paste to Template HTML

Help

/*******************************
 Layout & Images made by Jeni 
      http://lemonend.net
AKA on CB:  tanglemoondemon
you can contact me by email:  lemonend@rocketmail.com 
********************************/

/************************************************
 DESIGN IMAGES, HEADER AND BACKGROUND

*************************************************/

body{background:#1b1818 url('http://cbimg9.com/layouts/08/07/29915aa.png') repeat;}
#image{ background:url('http://cbimg9.com/layouts/08/07/29915ab.png');}
#side{ background: url('http://cbimg9.com/layouts/08/07/29915ac.png');}

/************************************************
HEADER POSITION
*************************************************/

body{ text-align: normal; margin: 00px 0 00px 0}
#image{ position:absolute; left:0px; top:0px; width:850px; height:520px;}

/************************************************
 BASIC DESIGN ELEMENTS:
 TEXT COLOR
 LIST STYLE
*************************************************/

div,body{font: 9px trebuchet ms; color: #171717; line-height: 17px;}
ul{list-style-type: square; color: #FFFFFF; margin: 15px;}
hr{ color: ##d6d6aa;}

/************************************************
 CONTENT DIVIDER PROPERTIES
HEADER/TITLE STYLE
HOVER LINK PROPERTIES
NORMAL AND ACTIVE LINK
VISITED LINK
CONTENT DIVIDER POSITION
*************************************************/

#content h1{letter-spacing: 3px;font-family: trebuchet ms;font-size: 9px;color:#535353;background-color: #f7f0e6;width: 99%;font-weight: normal;padding-top: 0px;padding-bottom: 0px;margin-bottom:16px; margin-top:20px;padding-right:6px;text-align: center;text-transform: uppercase;border-bottom: 1px dashed #ffffff;border-top: 1px dashed #ffffff;}
#content a:hover{text-decoration: none; text-transform : none; color: #dcdec4; font-weight:none; letter-spacing:0px;}
#content a:link,a:active{text-decoration: none; text-transform : none; color: #ffffff; font-weight:none; letter-spacing:0px;}
#content a:visited{text-decoration: underline; color: #ffffff; border-bottom: 1px solid #d4d4d4; font-weight:none; letter-spacing:0px;}
#content{position:absolute; width:358px; left:220px; top:482px; z-index:1;}

/************************************************
 SIDE DIVIDER PROPERTIES
DIVIDER POSITION
FONT COLOR
HEADER/TITLE STYLE
HOVER LINK STYLE
ACTIVE, NORMAL, AND VISITED LINK STYLE

*************************************************/

#side{color:#171717; text-align: center;position:absolute; width:181px; left:582px; top:482px; z-index:2;}
#side h2{letter-spacing: 3px;font-family: trebuchet ms;font-size: 9px;color:#535353;background-color: #f7f0e6;width: 100%;font-weight: normalpadding-top: 0px;padding-bottom: 0px;margin-bottom:16px; margin-top:20px;padding-left:6px;text-align: left;text-transform: uppercase;border-bottom: 1px dashed #ffffff;border-top: 1px dashed #ffffff;}
#side h3{letter-spacing: 0px;font-size: 9px; line-height: 10px;width: 62%;background-color: #d1b7cb;font-weight: normal;margin-bottom:1px; margin-top: 3px;padding-top: 2px;padding-bottom: 0px;padding-left:6px;text-align: left;border-left: 8px solid #efefef;}
#side a:hover{text-decoration: underline overline; text-transform : none;color: #ffffff;border-bottom: 4px solid #ffffff;font-weight:none;letter-spacing:0px;}
#side a:link,a:visited,a:active{text-decoration: none; text-transform : none;color: #e2e3de;border-bottom: 4px solid #dccfbe;font-weight:none;letter-spacing:0px;}

/************************************************
 BOLD, ITALIC, UNDERLINE, STRIKETHROUGH
*************************************************/

b {color: #fdfdfd; background: #181818;}
i {Letter-Spacing: 0px; color: #000000;}
u {color : #ffffff; text-decoration: underline; border-bottom:1px solid #d3d3d3; letter-spacing: 1px}
s {color:#535353;}

</style>
</head>

<body>

<div id="side">

<h3>about me </h3>
type a little blurb in here about yourself..  as in:
<p align="center">
<b>Name:</b>  jeni <br>
<b>Age:</b> 2/18/90 <br>
<b>sign:</b> aquarius <br>
<b>likes:</b> batman, the sky, flight, the stars, art<br>
<b>dislikes:</b> ants..
</p>

<h3>updates </h3>
newest stories parts and links to them.  (maybe)

<h3>links </h3>

You could fill this section with links to your quizzes, stories.  Favorite websites..  Friends...
Or you could take it out...

<p align="center">
<a href="">friend 1</a> <br>
<a href="">friend 2</a> <br>
<a href="">friend 3</a> <br>
<a href="">friend 4</a> <br>
<a href="">friend 5</a> <br>
<a href="">friend etc</a> <br>
<br><br>

<h3>cbox </h3>
<p>max width is 151px

<h3>music </h3>
<p>max width is, again, 151px

<h3>layout credits </h3>

Layout design by <a href="http://lemonend.net/">jeni</a>
 // <a href="http://tanglemoondemon.createblog.com/layouts/">CB</a>.
<br>
Content (c)

YOURUSERNAMEHERE<br><br><br>

</div>

<!-- START OF CONTENT

Please read:
h1 is your header title for this side
you can add or remove, or change the text between <h1> and </h1>

REMEMBER TO REPLACE ALL OF THIS CONTENT WITH YOUR OWN.
-->

<h1>CHANGE this title</h1>
<p>YOUR CONTENT HERE. YOUR CONTENT HERE.
YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE.
YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE.
YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE.
YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE. YOUR CONTENT HERE.

<h1>change this.</h1><br>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

<h1>change this.</h1><br>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

<h1>change this.</h1>
<p><a href="http://lost.eu/28200">link</a> normal text<br><br><b>bold</b>  -  <i>Italic</i>  -  <u>underlined</u>  -  <s>strikethrough</s>
 <br><br><a href="http://lost.eu/28200">www.lost.eu/28200</a><br>

<!--
END OF CONTENT
THANKYOU FOR CHOOSING TO USE THIS DESIGN <3
IF YOU HAVEN'T ALREADY, PLEASE NOTIFY ME THAT YOU ARE
USING THIS LAYOUT IN THE CBOX AT LEMONEND.

DO NOT EDIT PAST THIS POINT.

-->

</div>

<div id="image"></div>

</body>
</html>