Singing that melody

Designer's Comments

Look carefully for specific instructions

This is best in 1280x1024.
Tested in FF and IE but best in FF

Rules
DO NOT CLAIM AS YOUR OWN
PLEASE DO NOT TAKE THE CREDIT OFF
DO NOT EDIT WITHOUT MY PERMISSION

Credit
http://gallery.aethereality.net/
shyndel.deviantart.com
http://reminiscent-designs.net/index.php
http://www.obsidiandawn.com/
http://missm.paperlilies.com

Layout Code

Copy and paste to Template HTML

Help

<html>
<head><Title>Singing that melody</title></head>

<style>

body {background-color: D1D4DB;
background-image:url("none"); 
background-repeat:repeat-y;
background-attachment: scroll;
background-position:0px 0px ;
scrollbar-face-color:D2CBDB;
scrollbar-3dlight-color:D2CBDB;
scrollbar-shadow-color:B28E8E;
scrollbar-darkshadow-color:D2CBDB;
scrollbar-arrow-color:B28E8E;
scrollbar-track-color:fff;}

.div1{background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
position: absolute;
left: 0px;
top:0px;
color:000;}

.div2{
color:ffffff;
 top: 35px; 
width: 530px;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left:0%;
margin-left: 355px;
height: auto;
border: 0px solid red;
overflow: hidden;
z-index: 3;
font-family:arial;
font-size:11px;
white-space:7px;}

*html.div2{
color:ffffff;
 top: 40px; 
width: 530px;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left:0%;
margin-left: 355px;
height: auto;
border: 0px solid red;
overflow: hidden;
z-index: 3;
font-family:arial;
font-size:11px;
white-space:7px;}

.div3 {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left:0%;
margin-left:40px;
top: 450px;
height: auto;
width:280px;
overflow: hidden;
z-index: 3;color:fff;
font-family:arial;
font-size:14px;text-align:center;

}

h1 {
	
	font-family:arial;font-weight:normal;color:fff;
	font-size: 11pt;padding-left:3px;padding-top:2px;padding-bottom:2px;
	background-color: B28E8E;border-bottom:solid; border-color:C3B1BD;border-width:1px;
         text-align:left;border-top:solid; border-color:D2DCF8;border-width:2px;  margin-top:-12px; margin-bottom:-10px;

}

*html h1 {
	
font-family:arial;font-weight:normal;color:fff;
	font-size: 11pt;padding-left:3px;padding-top:2px;padding-bottom:2px;
	background-color: B28E8E;border-bottom:solid; border-color:C3B1BD;border-width:1px;
         text-align:left;border-top:solid; border-color:D2DCF8;border-width:2px;  margin-top:-12px; margin-bottom:-10px;

}

h3{padding-right:6px;padding-left:6px;padding-top:2px;padding-bottom:3px;font-size:12px;font-weight:

lighter;background-color:F4F4F6; color:424767;border-bottom:double; border-color:CFA8A8;border-width:8px;border-top:double;

border-color:D2D5F8;border-width:4px;}

*html

h3{padding-right:6px;padding-left:6px;padding-top:2px;padding-bottom:3px;font-size:12px;font-weight:

lighter;background-color:F4F4F6; color:424767;border-bottom:double; border-color:CFA8A8;border-width:8px;border-top:double;

border-color:D2D5F8;border-width:4px;}

{font-family:arial;font-weight:normal;font-size:9pt;background-color:F4F4F6;text-align:left;color:825131;padding-right:2px;pa

dding-left:2px;padding-top:2px;padding-bottom:2px;margin-bottom: 2px;
	margin-top: 5px;border-bottom:double;

border-color:D1D4DB;border-width:7px;

}

h5 {
color:DFE8FF;font-family:arial;font-weight:normal;font-size:9pt;background-color:B28E8E;line-height:

13px;padding:1px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-left:1px;border-bottom:solid;

border-color:BDB8CE;border-width:2px;border-top:solid; border-color:BDB8CE; border-width:2px;
}

a:link, a:visited {color:8581A2; background-color:F4F4F6; font-size:13px;font-family:

arial;text-decoration:none; font-weight:lighter;

text-align:center; 
}
a:hover {color:fff;background-color:D2E1F8;
text-decoration:none;text-align:center; }

a.rollover {
    display: table;
    width: 130px;
    height: 10px;border-right:solid;

border-color:BDB8CE;border-width:1px;border-left:solid; border-color:BDB8CE; border-width:2px;
}

a.rollover:hover {
  
Background:url("none");width:130px;height:10px;background-color:D2D5F8;
  }

h6 {font-size:15pt;text-align:center;
line-height: height:15px;top:25px;margin-left:300px;

12px;margin-top:-5px;margin-bottom:-0px;background-color:FFF3EF;color:825131;padding-top:2px;padding

-bottom:2px;}

*html h6 {font-size:9pt;text-align:right;
line-height:12px;margin-top:-13px;margin-bottom:-0px;background-color:FFF3EF;color:825131;padding-to

p:2px;padding-bottom:2px;}

s{Color:957E7E;background-color:B7B2C9;}
u{Color:fff;background-color:D2CBDB;}
b{color:B1C8DA;font-weight:bold;}
i{background-color:transparent;color:525673;}

.links{
position: absolute;
left: 0%;
margin-left:355px;
top: 0px;
height:23px;
width: 530px;
overflow: auto;
z-index:9;color:fff; background-color:F4F4F6;
font-family:arial;font-size:15pt;
text-indent:15px;text-align:left;border-top:double; border-color:CFA8A8;border-width:4px;border-bottom:double;

border-color:D2D5F8;border-width:4px;
}

*html .links{
position: absolute;
left: 0%;
margin-left:355px;
top: 0px;
height:31px;
width: 530px;
overflow: auto;
z-index:9;color:fff; background-color:F4F4F6;
font-family:arial;font-size:15pt;
text-indent:15px;text-align:left;border-top:double; border-color:CFA8A8;border-width:4px;border-bottom:double;

border-color:D2D5F8;border-width:4px;
}

#testid {background-color:transparent;text-align:center;word-spacing:9px;}
#testid a{font-weight:none;color:9F8181;text-decoration:none;border:none;background-color:transparent;font-size:14pt;
}
#testid a:hover{color:B28E8E;background-color:none;text-decoration:none;}

.title{color:3F3F57;
 top: 422px; 
width: 325px;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left:0%;
margin-left: 170px;
height: auto;
border: 0px solid red;
overflow: hidden;
z-index: 3;
font-family:arial;
font-size:20px;font-decoration:none;
white-space:7px;}

</style>

<div class="div1"><img src="http://cbimg6.com/layouts/09/09/35716aa.jpg" width="1024" height="910"

alt="an2 copy" /></a></div1>

<div class="title">Your Title here</div>

<h1>Rules</h1>
<h3>
<i>Rules</i>
<br>
<s>DO NOT claim this as your own</s>
<br>
<u>Please do not take the credit link off. </u>
<br>
<b>Do not edit without my permission</b>
</h3>

<h1>About Layout</h1>
<h3>

This is best in 1280x1024.
Tested in FF and IE but best in FF
<br><br>

I usually don't do layouts with images like this, but I found this lovely image by Dezhen and had to do something with it. 
<br><br>
By the way, the coding for this layout is sooo messy. <br>Just to warn you.

</h3>

<h1>A song I can't stop listening to</h1>
<h3>Picking a Christmas card
filling it with best wishes
addressing it to the heart,
Would you be able to receive it?

The weather is a bit cold,
the wind is a bit strong
The city is quiet with the noise.
This winter, I am going home alone

<u>Asking myself, have I gotten used to it?
without you at night,</u>
the echoes became very loud
Is there a good way
To let the loneliness listen to me?

How are you lately?
Are you struggling on the inside too?
<b>You said you would remember me, remember?</b>

How are you lately?
Are you busy? Tired? <b>Does your heart still hurt?</b>
<u>If you really need to, just forget me
Quickly head for happiness.</u>

Even if I have more worries,
I don't have the right to express it

<i>An ex-lover's greetings is more awkward then a stranger's</i>

Yesterday is far, tomorrow is longer,
memories are blurry yet huge.

This kind of night
How can I stop the tears from falling?

Asking myself, have I gotten used to it?
without you at night,
the echoes become very loud
Is there a good way
To let the loneliness listen to me?

How are you lately?
Are you struggling on the inside too?
You said you would remember me, remember?
How are you lately?
Are you busy? Tired? Does your heart still hurt?
If you really need to, just forget me
Quickly head for happiness. x3 </h3>
</div>

<div class="div3"><h5>Navigation</h5><h4>
<table border="0">
<tr>
<td><a href="Linkurl" class="rollover">Link</a></td>
<td><a href="Linkurl" class="rollover">Link</a></td>
</tr>
<tr>
<td><a href="Linkurl" class="rollover">Link</a></td>
<td><a href="Linkurl" class="rollover">Link</a></td>
</tr>
<tr>
<td><a href="Linkurl" class="rollover">Link</a></td>
<td><a href="Linkurl" class="rollover">Link</a></td>
</tr>
<tr>
<td><a href="Linkurl" class="rollover">Link</a></td>
<td><a href="Linkurl" class="rollover">Link</a></td>
</tr>

</table>

</h4>

<h5>About me/website</h5>

<h4>
I created this site in 2008. Its offers resources, and more..... </h4>

<h5>Tag Board</h5>

<h4>Tagboard?</h4>

<h5>Credit</h5><h4>
Layout made by <a href=" http://thepapermoon.ravenloftstudios.org/" class="rollover">ThePaperMoon</a></h4>
</div>

<div class="links"><div id="testid">
<a href="Linkurl">Home</a> 
<a href="Linkurl" >Content</a>
<a href="Linkurl">About</a> 
<a href="Linkurl">Contact</a>
</div></div>

</body>
</html>

Layout Comments

Showing latest 2 of 2 comments

preetee(=

By iheartkwonjiyong on Sep 26, 2009 6:19 pm

Lol,I thought the person looked familiar..nevermind xD
Very Pretty!Good Job :)

By Snaily on Sep 16, 2009 8:36 pm

Layout Details

Designer	ironicsilence
Submitted on	Sep 16, 2009
Page views	8,786
Favorites	25
Comments	2
Reviewer	elletricity
Approved on	Sep 16, 2009

Singing that melody

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates