Serenity

Designer's Comments

Look carefully for specific instructions

KEEP ALL CREDITS ON AND NO MESSING WITH CODING.

The only thing you can change is the header and the content areas. No altering the image or anything with the coding.

Credit for the images:
http://community.livejournal.com/modelcouture/
http://www.majestic-skies.net/psdelightful/

Layout Code

Copy and paste to Template HTML

Help

<HTML>
<head>
<title>Serenity</title>

<STYLE type="text/css">
td, p, body, a {
color: #300a1c;
font-family: Trebuchet MS;
font-size: 10px;
letter-spacing: 0px;
align: justify;}

body {background:#5d5451 url("http://cbimg6.com/layouts/08/03/08/26043ab.jpg") repeat-y; text-align:justify; cursor:cross-hair;
margin:0px;
scrollbar-arrow-color: #413d3c;
scrollbar-track-color: #776f6c
scrollbar-shadow-: #776f6c;
scrollbar-face-color: #776f6c;
scrollbar-highlight-color: #776f6c;
scrollbar-darkshadow-color: #776f6c;
scrollbar-3dlight-color: #776f6c;
}

b  {font-size: 11px;
font-family: verdana;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;
text-align: right;
padding: 1px;
background-color: #none;
color: #915270;}

s {color: #381c29;}
i {color: #381c29;}

u {color: #915270;}

a:link { 
text-decoration: none; 
color: #300a1c; 
letter-spacing: 0px; 
font-face: trebuchet ms; 
font-size: 10pt;
text-transform: lowercase;
background-color: none;}

a:visited { 
text-decoration:none; 
color: #300a1c; 
letter-spacing: 0px; 
font-face: trebuchet ms; 
font-size: 10px;
text-transform: lowercase;
background-color: none}

a.nav:link, a.nav:visited, a.nav:active  {
display:block; 
text-align:left;
background-color:none; 
font-size: 10px;
color: #300a1c;
letter-spacing: 0px;
font-family: trebuchet ms;
text-transform: uppercase;
font-weight:normal;
text-decoration:none;
cursor: normal;
height: 10px; 
padding-right:3px; 
margin-top:0px;
margin-bottom:0px;
margin-left:1px;
margin-right:1px;}

a:active,a:visited,a:link{
font-size: 10px;
color:#300a1c;
background-color:;
letter-spacing:0px;
font-family:trebuchet ms;
text-transform:;
font-weight:normal;
text-decoration:none;
border: none;
cursor:crosshair
}

.head {
font-family: Trebuchet MS; 
color: #300a1c;
text-transform : normal;
font-weight: normal;
font-size: 15px; 
line-height: 20px;
letter-spacing: 0px;
border-bottom: 1px dashed #300a1c;
text-align: right;
}

.text {
border-bottom: none;
border-right: none;
border-left: none;
color: #300a1c;
background: none;
text-align: justify;}

</style>

</head>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:295px; LEFT:395px; width:119px;">
<div class="head">About Me</div>
<div class="text">
Put some interesting things about yourself here. <p><p><p>  
<p>
</div>

<div class="head">Linkage</div>
<div class="text">
<a href="http://www.linkhere.com">LINKHERE</a><br>
<a href="http://www.linkhere.com">LINKHERE</a><br>
<a href="http://www.linkhere.com">LINKHERE</a><br>
<a href="http://www.linkhere.com">LINKHERE</a><br>
<p>
</div>

<div class="head">Tell Me</div>
<div class="text">
Put your chatterbox here so people can leave you nice little messages <3<p>
The suggested width is 119px, if you exceed it then the layout will be messed up and I'll think your funny...in a bad way. 
<p><p><p>
</div>

<div class="head">Credits</div>
<div class="text">
Design and Coding (c) 
<a href="http://veiled-purity.zxq.net/" target="_blank">Veiled-Purity</a><br>
Content (c) YOURNAME<br>
<a href="http://community.livejournal.com/modelcouture/" target="_blank">1</a><a href="http://www.majestic-skies.net/psdelightful/" target="_blank">2</a>
<p>

</div>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:145px; LEFT:-329px; width:314px;">
<div class="head">HEADER TITLE</div>
<div class="text">
Alright, so you have now finished copying and pasting the code into your Quizilla or website coder, yay. Now just delete this text and replace it with whatever you want.
Also, delete and replace the links, remember to change <u>www.linkhere.com</u> to YOUR links or whatever link you want. You may change the header titles also but DO NOT
take off the credit or mess with it, the only thing you can change in that section is where it says YOURNAME. <p>
<div class="head">HEADER TITLE</div>
<div class="text">
You can advertise your stories here or just add more about yourself, anything you want. Enjoy the layout! 
</div> 
</html>

Layout Comments

Showing latest 6 of 6 comments

Omgee;;
I Love It x]

By Sugar-Muffin on Mar 20, 2008 7:13 pm

Lovely, but I think the main image would look even better if you were to flatten and sharpen her in Photoshop. Great work, though.

By S-Majere on Mar 11, 2008 6:47 am

wow. this layout is amazing. I love the scribble writing in back of the images, and the colors you used are fantastic.

By xRiot on Mar 9, 2008 12:47 pm

The colors and image use are superb.
I like the headers fine:)

By Amaranthus on Mar 8, 2008 8:41 pm

i think the headers should have stood out more, like Cristy said. But nevertheless, the colors are great.

By futura on Mar 8, 2008 7:37 pm

Very nice color palette! I think the headers should be a different (lighter?) color to stand out more, but that's all.

By tokyo-rose on Mar 8, 2008 7:25 pm

Layout Details

Designer	ForgiveTheSinner
Submitted on	Mar 8, 2008
Page views	6,136
Favorites	25
Comments	6
Reviewer	MissHygienic
Approved on	Mar 8, 2008

Serenity

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates