Be Mine

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.

[url=http://lemonend.net/designs/samplecbox/bemine-both.gif]click me[/url[ to get the codes for a matching cbox :)

Layout Code

Copy and paste to Template HTML

Help

/*******************************
 Layout & Images made by Jeni
   http://lemonend.net/
STYLE: dividers
DESIGN MADE:  February 13 2008
DESIGN CODED:  February 13 2008
********************************/

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

body{background:#1b1818 url('http://cbimg9.com/layouts/08/07/29916aa.png') repeat;
 text-align: normal; margin: 00px 0 00px 0}

#image{background:url('http://cbimg9.com/layouts/08/07/29916ab.png');
position:absolute; left:0px; top:0px; width:617px; height:453px;}

#content h1 {background: #FFFFFF url('http://cbimg9.com/layouts/08/07/29916ac.png');}

#side h3{ background: #FFFFFF url('http://cbimg9.com/layouts/08/07/29916ad.png');}

/************************************************
 BASIC DESIGN ELEMENTS:
 DEFAULT TEXTAREA COLORS
 TEXT COLOR
 LIST STYLE
*************************************************/

textarea{color:#000000; font-family: Franklin Gothic Medium; font-size: 8px; text-transform: none; background-color: #F7F6F6; border-bottom: 1px solid #D7DBE0; border-top: 1px solid #D7DBE0; border-left: 1px solid #D7DBE0; border-right: 1px solid #D7DBE0; margin: 5 0 0 0;}
div,body{font: 9px trebuchet ms; color: #565646; line-height: 16px;}
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: -2px; font-family: arial black; font-size: 14px; color:#ffffff; width: 100%; font-weight: normal; padding-top: 12px; padding-bottom: 4px; margin-bottom:16px; margin-top:20px; padding-left:6px; text-align: right;text-transform: uppercase;border-bottom: 1px solid #dadada;}
#content a:hover{text-decoration: none; text-transform : uppercase; color: #dcdec4; font-weight:none; letter-spacing:0px;}
#content a:link,a:active{text-decoration: none; text-transform : uppercase; color: #e11c7a; font-weight:none; letter-spacing:0px;}
#content a:visited{text-decoration: underline; color: #135135; border-bottom: 1px solid #e11c7a; font-weight:none; letter-spacing:0px;}
#content{position:absolute; width:348px; left:28px; top:453px; z-index:1;}

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

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

#side{position:absolute; background-color: #ffffff; width:151px; left:382px; top:437px; z-index:2;}
#side{color:#a1a1a1;}
#side h3{letter-spacing: -2px; font-family: arial black; font-size: 14px; color:#dcc195; width: 100%; font-weight: normal; padding-top: 12px; padding-bottom: 4px; margin-bottom:16px; margin-top:20px; padding-left:6px; text-align: right; text-transform: uppercase; border-bottom: 1px solid #dadada;}
#side a:hover{text-decoration: none; text-transform : none;color: #eabfb4;font-weight:none;letter-spacing:0px;}
#side a:link,a:visited,a:active{text-decoration: none; text-transform : none;color: #e7288c;font-weight:none;letter-spacing:0px;}

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

b {color: #000000; }
i {Letter-Spacing: 0px; color: #aec8ae;}
u {color : #c3c3c3; text-decoration: underline; border-bottom:1px solid #bfca88; letter-spacing: 1px}
s {color:#535353;}

/************************************************
 LINK BEHAVIOR.
if you don't like the link wipe,
simply remove the ENTIRE
A{beh.... line from the code.

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

A{behavior: url(linkhilight.htc); filter:progid:dximagetransform.microsoft.gradientwipe(duration=1.2); height: 1px; clip: rect(   );}

</style>
</head>
<body>

<!--START OF NAVIGATION

Feel FREE to change the text between the <h3> and </h3> tags.
Or take some out and add new ones
It's your layout, add titles that suit you-->

<h3>about me </h3>
make yourself sound amazinger here

<h3>updates </h3>
mewest stuff.  (maybe)

<h3>links </h3>

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

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

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

<h3>layout credits </h3>

LLayout design by <a href="http://lemonend.net/">jeni</a>
 // <a href="http://tanglemoondemon.createblog.com/layouts/">CB</a>.
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.
<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>

</div>

<!--
END OF CONTENT
THANKYOU FOR CHOOSING TO USE THIS DESIGN <3

DO NOT EDIT PAST THIS POINT.
-->

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

</body>
</html>