Melancholy Dreams

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Best Viewed in IE.

Please do not alter my codes or take any of the images off the layout and claim them please.

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

document.title = ('m e l a n c h o l y . d r e a m s '); </script>

<div align=left><div style="position:static; margin-left:-10px;margin-top:

-18px; border: 0px solid #000000;background: none;">

</MAP>

</div>

body {

scrollbar-track-color: #D4DDD8;

scrollbar-highlight-color: #000000;

scrollbar-face-color: #B7C8BE;

scrollbar-arrow-color: #ffffff;

scrollbar-shadow-color: #ffffff;

background-position:left;

background-color: #D4DDD8;

background-repeat: repeat-y;

}

#rblEprops, #pnlEnabled table, #pnlEprops table {

width: auto !important;

}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {

font: normal 9px verdana;

line-height:15px;

color: #799677;

letter-spacing:0px;

text-align:left;

}

table.blogbody {

width:450px;

border-bottom: 2px normal #799175;

}/* CA */

input, select, textarea, .textfield, .button {

border: 1px solid #799175;

font:normal 10px century gothic;

color: #799175;

text-align: justify;

background-color: D1D8D0;

}

a:link, a:active {

font: 9px bold century gothic;

color: #708B6E;

line-height: 14px;

cursor: crosshair;

}

a:visited {

font: 9px bold century gothic;

text-decoration: strikeout;

color: #577555;

line-height: 14px;

cursor: crosshair;

}

a:hover {

font: 9px normal century gothic;

color: #F4F9F4;

background-color: transparent;

cursor: crosshair;

}

table.blogbody tr td {

width: 0px;

padding: 0px;

}

hr{

color: #799677;

height: 1px;

}

div.blogheader, .caption {

width: 450px;

font: normal 10px century gothic;

text-transform: normal;

line-height: 10px;

color: #799677;

letter-spacing: 7px;

background-color: none;

text-align: right;

border: none;

background-repeat: no-repeat;

background-position: bottom left;

}

h4.itemtitle {

background-color: none;

font: normal 18px Times New Roman;

color: #799677;

text-transform: lowercase;

line-height: 12px;

margin-top: 10px;

letter-spacing: 0.10em;

text-align: center;

}

.CAHeader {

width: 200px;

font: bold 10px verdana;

color: #345543;

letter-spacing: 0.30em;

text-transform: normal;

line-height: 40px;

text-align: Left;

padding-left:5px;

padding-right:0px;

padding-top:0px;

padding-bottom:0px;

background-position: bottom-center;

background-repeat: no-repeat;

}

.CAHeader2 {

width: 200px;

font: normal 10px verdana;

color: #799677;

letter-spacing: 0.50em;

text-transform: normal;

line-height: 20px;

text-align: center;

padding-left:0px;

padding-right:0px;

padding-top: 20px;

padding-bottom:0px;

}

.CAnav {

font: normal 9px verdana;

color: #799677;

background-color: #Transparent;

font: normal 9px verdana;

width: 200px;

line-height:15px;

letter-spacing:0px;

text-align:left;

padding:5;

text-align:justify;

text-transform: none;

display:block;

}

.CAbox a {

border-bottom: 1px solid #779676;

border-left: 7px solid #779676;

border-right: 7px solid #779676;

border-top: 1px solid #779676;

color: #779676;

font: normal 9px century gothic;

letter-spacing: 0.20em;

height: 0px;

padding-bottom: 0px;

padding-left: 0px;

padding-right: 0px;

padding-top: 0px;

margin-left:2px;

text-align: center;

background-color: #D4DDD8;

width: 190px;

}

.CAbox a:visited{

border-bottom: 1px solid #779676;

border-left: 7px solid #779676;

border-right: 7px solid #779676;

border-top: 1px solid #779676;

color: #779676;

font: normal 9px century gothic;

letter-spacing: 0.20em;

height: 0px;

padding-bottom: 0px;

padding-left: 0px;

padding-right: 0px;

padding-top: 0px;

margin-left:2px;

text-align: center;

background-color: #D4DDD8;

width: 190px;

}

.CAbox a:hover{

border-bottom: 1px solid #779676;

border-left: 5px solid #779676;

border-right: 5px solid #779676;

border-top: 1px solid #779676;

color: #779676;

font: normal 9px century gothic;

letter-spacing: 0.20em;

height: 0px;

padding-bottom: 0px;

padding-left: 0px;

padding-right: 0px;

padding-top: 0px;

margin-left:2px;

text-align: center;

background-color: #D4DDD8;

width: 190px;

}

/* CA */

table.left, table.navigation, table.footer, table.search {display:none; width: 0px; padding: 0px;}

</style>

<div style="margin-left: 511 px;

margin-top: -350px; width: 170px; height: 2500px; overflow: visible;">

<div class="CAheader2">Origin</div><br />

<a href="http://www.xanga.com/Celestial_Abyss">Celestial Abyss</a><br>

<a href="http://www.aethereality.net">Aethereality</a><br>

<a href="http://www.celestial-star.net">Celestial Star</a> <br>

</div><p>

<div class="CAheader">Dreamer</div><br />

<b>Name:</b>Yourname<br>

<b>Birthdate:</b>????????<br>

<b>Gender:</b>??????????<br>

<b>Interests:</b>?????????????/.<br>

</div><p>

<div class="CAheader">Follow Me</div><br />

Link buttons here

</div><p>

<div class="CAheader">Fellowship</div><br />

Affies here

</div><p>

<div class="CAheader">Melody</div><br />

Music code here

</div><p>

<div class="CAheader">The Creator</div><br />

Layout by :: Stephanie at <br><a href="http://www.xanga.com/Celestial_Abyss">Celestial Abyss</a><br>

Textures and Brushes found at :: <br><a href="http://www.xanga.com/Celestial_Abyss">Celestial Abyss</a><br>

<a href="http://www.aethereality.net">Aethereality</a> and<br>

<a href="http://www.celestial-star.net">Celestial Star</a> <br>

Image found at the Aethereality Gallery.

</font></div>

</div><p>

<DIV style="position:static;

margin-top: -2385px;

margin-left: 16px;

width: 498px;

height: 100%;

background-color: none;">

Layout Comments

Showing latest 2 of 2 comments

So so so so pretty!!

By wickedlee on Jan 12, 2009 12:28 pm

Sigh. You should at least try to make it look decent in Firefox :[
Nice effects, but it's all over her face o__o;

By xwinnie on Oct 9, 2007 8:32 pm

Layout Details

Designer	CelestialAbyss
Submitted on	Aug 19, 2007
Page views	8,643
Favorites	34
Comments	2
Reviewer	IVIike
Approved on	Aug 19, 2007

Melancholy Dreams

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates