Day Moon

Designer's Comments

Look carefully for specific instructions

Obviously inspired and based off the song "Day Moon" by Dong Bang Shin Ki.

Layout is compatible in most browsers, though I've only checked in Internet Explorer, Mozilla Firefox, Google Chrome, and Safari.

- Suggested you copy and paste into an empty document first before you edit things.
- Change where it says "USERNAME" to your xanga username.
- Edit everything else as you please :]

Other than google images, and a couple of images taken with my digital camera, no other external sources were used, only the things that Adobe Photohop CS3 had to offer me. I personally don't like the navigational links off to the side, but I was a little rushed on this layout. Hope you enjoy anyway.

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p></span></center></span></center></span></body><head>
<script language="Javascript">document.title="Day Moon..."</script>

/* stylesheet by Karlo @ DHD */
/* ----------------------------------- */

body { background-color: #ce1818; margin: 0px 0px 0px 0px; overflow-x: hidden; }

/* ----------------------------------- */

p, div, table, td, span { color: #ffffff; font: normal 13px tahoma; line-height: 15px; text-align: justify; letter-spacing: 0px; }

b, strong { color: #f5e0e0; font-weight: bold; letter-spacing: 0px; }
i, em { color: #f5e0e0; font-weight: italic; letter-spacing: 0px; }
u { color: #f5e0e0; font-weight: underline; letter-spacing: 0px; }

div.blogheader { margin: 10px 0px 0px 0px; border-bottom: 1px #ffffff solid; color: #ffffff; font: bold 10px times new roman; line-height: 10px; text-transform: uppercase; text-align: right; letter-spacing: 3px; }

h4.itemtitle, h4#blogitemtitle { margin: 3px 0px 8px 0px; padding: 11px 6px 12px 7px; border: 1px #ffffff solid; background-color: #802b2b; background-image: url("http://cbimg6.com/layouts/10/03/36218aa.jpg"); background-position: top center; background-repeat: no-repeat; }
h4.itemtitle, h4.itemtitle a, h4.itemtitle a:visited, h4.itemtitle a:hover, h4#blogitemtitle { color: #ffffff; text-align: left; font: bold 13px times new roman; text-transform: uppercase; letter-spacing: 1px; }

li.item h4.itemtitle, div.mini-message span { background-color: transparent; border: none; color: #ffffff; text-transform: none; font: bold 11px tahoma; line-height: 13px; letter-spacing: 0px; }
li.item h4.itemtitle { background-color: transparent; border-bottom: 1px #ffffff solid; background-image: none; }
div.mini-message { background-color: #ce1818; }
span#chooseidentity { font: bold; }

a, a:link, a:active, a:visited, .smalltext a { color: #ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; }
a:hover, .smalltext a:hover { color: #e6eff6; font-weight: normal; text-decoration: none; letter-spacing: 0px; }
.smalltext { text-align: center; margin: 6px 0px 3px 0px; color: #ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; font-size: 85%; }
.smalltext a, .smalltext a:visited, .smalltext a:link, .smalltext a:hover { font-size: 100%; }

.cfooter { text-align: right; font-weight: normal; text-decoration: none; letter-spacing: 0px; font-size: 85%; }
.cfooter a:link, .cfooter a:visited, .cfooter a:hover, .cfooter a strong { font-size: 100% }

#navlinks a:link, #navlinks a:visited { display: block; color: #a33d3d; font: bold 12px times new roman; text-transform: uppercase; border: 1px #ffffff solid; padding: 5px 0px 5px 6px; background-image: url("http://cbimg6.com/layouts/10/03/36218ab.jpg"); background-position: center; background-repeat: no-repeat; margin: 3px 0px 0px 0px; }
#navlinks a:hover { display: block; color: #4d1212; font: bold 12px times new roman; text-transform: uppercase; border: 1px #ffffff solid; padding: 5px 0px 5px 6px; background-image: url("http://cbimg6.com/layouts/10/03/36218ac.jpg"); background-position: center; background-repeat: no-repeat; margin: 3px 0px 0px 0px; }

/* ----------------------------------- */

table.module { width: 230px; background-color: transparent; }
table.module th { color: #ffffff; font: bold 12px georgia; text-transform: uppercase; text-align: right; letter-spacing: 0px; padding: 9px 40px 13px 0px; height: 40px; background-image: url("http://cbimg6.com/layouts/10/03/36218ad.jpg"); background-position: top left; background-repeat: no-repeat; }
table.module td { color: #ffffff; font-weight: normal; text-align: left; letter-spacing: 0px; padding: 3px 31px 0px 15px; }

table.blogbody, table#blogitembody { width: 525px; border-bottom: 3px #eeeeee double; padding: 0px 0px 0px 0px; background-image: url("http://cbimg6.com/layouts/10/03/36218ae.jpg"); background-position: bottom center; background-repeat: no-repeat; }
table.blogbody tr td { width: 0px; padding: 0px 0px 0px 0px; }
table#blogitembody tr td { width: 0%; padding: 0px 0px 0px 0px; }
table#blogitembody tr td span.smalltext { width: 520px; text-align: center; }

table.main td.maincenter, table.main { width: 525px; padding: 0px 0px 0px 0px; }
table.main { margin: 0px 0px 0px 25px; }

/* ----------------------------------- */

input, select, .button, table.announcements th, table.announcements, textarea { color: #ffffff; font: normal 13px tahoma; line-height: 15px; border: 1px #ffffff solid; background-color: #ce1818; }

#none, .none, #lblTimeZoneText, table.footer, td.mainleft, texttable.left, table.search, table.navigation { display: none; }
span div { background-color: #ffffff; }
hr { color: #ffffff; }

.itemawards { width: 500px; border: 1px #ffffff solid; background-color: #962a2a; background-image: url("http://cbimg6.com/layouts/10/03/36218af.jpg"); background-position: bottom left; background-repeat: repeat-x; }

#pnlXeps, #anoncomments table, #pnlEprops { width: auto!important; }
#rblEprops { width: 100%!important; }

/* ----------------------------------- */

.aDHD { width: 900px; background-image: url("http://cbimg6.com/layouts/10/03/36218ag.jpg"); background-position: top left; background-repeat: repeat-y; }

.img1 { background-image: url("http://cbimg6.com/layouts/10/03/36218ah.jpg"); background-position: top left; background-repeat: no-repeat; }
.img2 { background-image: url("http://cbimg6.com/layouts/10/03/36218ai.jpg"); background-position: top left; background-repeat: no-repeat; }
.img3 { background-image: url("http://cbimg6.com/layouts/10/03/36218aj.jpg"); background-position: top left; background-repeat: no-repeat; }
.img4 { background-image: url("http://cbimg6.com/layouts/10/03/36218ak.jpg"); background-position: top left; background-repeat: no-repeat; }
.img5 { background-image: url("http://cbimg6.com/layouts/10/03/36218al.jpg"); background-position: top left; background-repeat: no-repeat; }
.img6 { background-image: url("http://cbimg6.com/layouts/10/03/36218am.jpg"); background-position: top left; background-repeat: no-repeat; }
.img7 { background-image: url("http://cbimg6.com/layouts/10/03/36218an.jpg"); background-position: top left; background-repeat: no-repeat; }
.img8 { background-image: url("http://cbimg6.com/layouts/10/03/36218ao.jpg"); background-position: top left; background-repeat: no-repeat; }

.modules { width: 332px; }
.modtop { background-image: url("http://cbimg6.com/layouts/10/03/36218ap.jpg"); background-position: top left; background-repeat: no-repeat; }
.modrepeat { background-image: url("http://cbimg6.com/layouts/10/03/36218aq.jpg"); background-position: top left; background-repeat: repeat-y; }
.modbottom { background-image: url("http://cbimg6.com/layouts/10/03/36218ar.jpg"); background-position: bottom left; background-repeat: no-repeat; }

.blog { background-image: url("http://cbimg6.com/layouts/10/03/36218as.jpg"); background-position: top left; background-repeat: no-repeat; }

/* ----------------------------------- */
/* stylesheet by Karlo @ DHD */

</style>

</head><body marginheight="0" marginwidth="0">

<br>

<a href="http://www.xanga.com" target="_new">Xanga</a>
<a href="http://www.xanga.com/CLAF/default.asp" target="_new">Look & Feel</a>
<a href="http://www.xanga.com/signin.aspx" target="_new">Sign In</a>
<a href="http://www.xanga.com/logout.aspx">Log Out</a>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Subscribe</a>
<a href="http://www.xanga.com/private/subs.aspx" target="_new">Subscriptions</a>
<a href="http://www.xanga.com/private/yourhome.aspx">Private</a>
<a href="http://www.xanga.com/private/editaccount.aspx">Settings</a>
<a href="http://www.xanga.com/private/feedbackfootprints.aspx" target="_new">Footprints</a>

</div></td></tr></table><br>

<table cellpadding="0" cellspacing="0" border="0" class="module">
<tr><th>Character</th></tr><tr><td valign="top" align="center">

<b>Known As |</b> Name<br>
<b>Conceived |</b> MM/DD/YYYY<br>
<b>Gender |</b> Male/Female<br><br>

Type more about yourself here. Pictures can be included, but make sure they fit the width of the module.

</td></tr></table><br>

<table cellpadding="0" cellspacing="0" border="0" class="module">
<tr><th>Acquaintances</th></tr><tr><td valign="top" align="center">

<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>
<b>.:</b> <a href="http://www.xanga.com/USERNAME" target="_new">Friend</a><br>

</td></tr></table><br>

<table cellpadding="0" cellspacing="0" border="0" class="module">
<tr><th>TITLE</th></tr><tr><td valign="top" align="center">

Add anything you want, but make sure it fits within the width of the module, or bad things will happen. :]<br>

</td></tr></table><br>

<table cellpadding="0" cellspacing="0" border="0" class="module">
<tr><th>Credits</th></tr><tr><td valign="top" align="center"><div style="text-align: center">

<b>Designed by:</b><br>
<a href="http://darkhybridx.xanga.com" target="_new">Karlo @ Dark Hybrid</a><br>

</div></td></tr></table><br>

</td><td valign="top" width="568px" class="blog" dir="ltr"><br><br><br><br><br><br>