Devotion

Designer's Comments

Look carefully for specific instructions

Inspired by This Layout: Click

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 :]

The broken image link off to the side is on purpose for you to put your own image.

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="Devotion // Never Give Up...Never Forget..."</script>

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

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

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

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

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

div.blogheader { color: #ffffff; font: bold 10px times new roman; line-height: 10px; text-transform: lowercase; text-align: center; letter-spacing: 4px; padding: 3px 0px 13px 0px; background-image: url("http://cbimg6.com/layouts/10/03/36211aa.jpg"); background-position: bottom center; background-repeat: no-repeat; }

h4.itemtitle, h4#blogitemtitle { padding: 0px 0px 0px 4px; background-color: #41535d; margin: 5px 0px 12px 0px; text-align: left; }
h4.itemtitle, h4.itemtitle a, h4.itemtitle a:visited, h4.itemtitle a:hover, h4#blogitemtitle { color: #ffffff; font: bold 14px times new roman; line-height: 8px; text-transform: uppercase; letter-spacing: 0px; }

li.item h4.itemtitle, div.mini-message span { background-color: transparent; border: none; text-transform: uppercase; font: bold 10px times new roman; line-height: 12px; }
li.item h4.itemtitle { color: #ffffff; background-color: transparent; border-bottom: 1px #bac8b8 dotted; background-image: none; }
div.mini-message { background-color: #02080b; color: #ffffff; }

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

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

#navlinks { padding: 0px 0px 0px 10px; border: none; }
#navlinks a:link, #navlinks a:visited { display: block; color: #a8b5ba; font: bold 10px times new roman; text-transform: lowercase; text-align: right; letter-spacing: 3px; border-bottom: 1px #5e6970 dotted; padding: 7px 26px 3px 0px; background-image: url("http://cbimg6.com/layouts/10/03/36211ab.jpg"); background-position: top right; background-repeat: no-repeat; margin: 3px 0px 0px 0px; }
#navlinks a:hover { display: block; color: #ffffff; font: bold 10px times new roman; text-transform: lowercase; text-align: right; letter-spacing: 3px; border-bottom: 1px #ffffff dotted; padding: 7px 26px 3px 0px; background-image: url("http://cbimg6.com/layouts/10/03/36211ac.jpg"); background-position: top right; background-repeat: no-repeat; margin: 3px 0px 0px 0px; }

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

table.module { width: 180px; margin: 0px 0px 0px 8px; }
table.module th { color: #ffffff; text-align: center; font: bold 10px times new roman; text-transform: lowercase; letter-spacing: 3px; padding: 7px 0px 3px 0px; background-image: url("http://cbimg6.com/layouts/10/03/36211ad.jpg"); background-position: bottom center; background-repeat: no-repeat; }
table.module td { color: #ffffff; font-weight: normal; text-align: left; letter-spacing: 0px; padding: 5px 0px 8px 0px; border-top: 1px #b2b6b9 dotted; border-bottom: 1px #b2b6b9 dotted; }
table.module td.mbottom { padding: 0px 0px 0px 0px; border: none; height: 20px; background-image: url("http://cbimg6.com/layouts/10/03/36211ae.jpg"); background-position: top center; background-repeat: no-repeat; }

table.blogbody, table#blogitembody { width: 464px; padding: 0px 0px 0px 0px; background-image: url("http://cbimg6.com/layouts/10/03/36211af.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: 459px; text-align: center; color: #ffffff; font-size: 85%; letter-spacing: 0px; margin: 6px 0px 23px 0px; }

table.main td.maincenter, table.main { width: 464px; padding: 0px 0px 0px 0px; }
table.main { margin: 0px 0px 0px 8px; }

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

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

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

.itemawards { background-color: transparent; width: 400px; border: 1px #ffffff dotted; }
.cpic { margin: 0px 0px 26px 0px; }

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

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

.aDHD { width: 900px; }

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

.mleft { width: 115px; background-image: url("http://cbimg6.com/layouts/10/03/36211ao.jpg"); background-position: top left; background-repeat: no-repeat; }

.modules { width: 196px; background-image: url("http://cbimg6.com/layouts/10/03/36211ap.jpg"); background-position: top left; background-repeat: no-repeat; }

.blog { width: 589px; background-image: url("http://cbimg6.com/layouts/10/03/36211aq.jpg"); background-position: top right; background-repeat: no-repeat; }

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

</style>

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

<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/editaccount.aspx" target="_new">Settings</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/feedbackfootprints.aspx" target="_new">Footprints</a>

</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/YY<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><tr><td class="mbottom"> </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><tr><td class="mbottom"> </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><tr><td class="mbottom"> </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"><br>

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

<b>Recources:</b><br>
<b>[</b><a href="http://aethereality.net/" target="_new">Isa</a><b>]</b> - 
<b>[</b><a href="http://celestial-star.net/" target="_new">Dalawa</a><b>]</b><br><br>

</div></td></tr><tr><td class="mbottom"> </td></tr></table><br>

</td><td valign="top" width="589px" class="blog"><br>

<fieldset style="width: 390px; padding: 0px 0px 0px 0px; display: inline; border: 1px #616b71 solid">
<legend style="font: bold 10px arial; color: #d6d9db; text-transform: uppercase; background-color: #12181b" align="center">
 Welcome To (Your Name Here) </legend>

<div style="height: 77px; margin: 5px 5px 5px 5px; overflow: auto">Originally meant for my welcoming message, but I guess you can use it for your own purposes as well. Write anything you want here. Song lyrics, more about yourself, a personalized welcoming message, a short update that you don't want to put into a blog entry, whatever you want. What's put in here will not mess up any alignments, for this is a scrolling box.</div>
</fieldset>

</center></td></tr><tr><td>
<div class="smalltext">Description</div>
</td></tr></table></td></tr></table>