(The Ultimate) Sacrifice

Designer's Comments

Look carefully for specific instructions

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

This is the first time I've used more than 2 images in the layout image, and also the first time I've aimed for a grungey texture and actually applied it. My overall impression of the image is only satisfactory, but I guess this can be used as the first step in the learning process, and I'll definitely improve.

I didn't use any external resources for brushes or textures. All images used were manga scans, which I'm typically horrible at using.

The broken image link is 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="(The Ultimate) Sacrifice..."</script>

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

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

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

p, div, table, td, span, table.left td { color: #af948b; font: normal 12px lucida sans unicode; line-height: 13px; letter-spacing: 0px; }

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

div.blogheader { color: #9d847b; border-bottom: 1px #000000 dotted; font: bold 10px times new roman; line-height: 11px; text-transform: uppercase; text-align: right; letter-spacing: 3px; padding: 3px 0px 4px 0px; margin: 7px 0px 0px 0px; }

h4.itemtitle, h4#blogitemtitle { padding: 3px 0px 3px 2px; border-bottom: 1px #000000 dotted; }
h4.itemtitle, h4.itemtitle a, h4.itemtitle a:visited, h4.itemtitle a:hover, h4#blogitemtitle { color: #ebdad4; text-align: left; font: bold 13px times new roman; text-transform: uppercase; letter-spacing: 2px; }
h4:first-letter { color: #ebdad4; font: bold 16px times new roman; text-transform: uppercase; }
h4#blogitemtitle { margin: 0px 0px 10px 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: #38180d; color: #ffffff; }

a, a:link, a:active, a:visited, .smalltext a { color: #af948b; font-weight: normal; text-decoration: none; letter-spacing: 0px; font-size: 100% }
a:hover, .smalltext a:hover { color: #ebdad4; font-weight: normal; text-decoration: none; letter-spacing: 0px; font-size: 100% }
.smalltext { padding: 3px 3px 5px 3px; margin: 8px 0px 5px 0px; color: #af948b; font: normal 12px lucida sans unicode; line-height: 13px; text-align: center; letter-spacing: 0px; }
div.smalltext { background-color: #38180d; }

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

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

table.module { width: 220px; margin: 12px 0px 0px 23px; }
table.module th { color: #cfb9b2; text-align: right; font: bold 11px tahoma; text-transform: uppercase; padding: 4px 10px 5px 0px; border-top: 1px #000000 dotted; border-bottom: 1px #000000 dotted; }
table.module td { color: #af948b; font-weight: normal; text-align: left; letter-spacing: 0px; padding: 5px 5px 7px 5px; background-color: #38180d; }

table.blogbody, table#blogitembody { width: 441px; padding: 0px 0px 0px 0px; border-bottom: 1px #000000 dotted; text-align: left; }
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: 436px; text-align: center; color: #ffffff; font-size: 85%; letter-spacing: 0px; margin: 6px 0px 23px 0px; }

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

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

input, select, .button, table.announcements th, table.announcements, textarea { color: #af948b; font: normal 12px lucida sans unicode; line-height: 13px; border: 1px #150d0b solid; background-color: #38180d; }

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

.itemawards { background-color: #38180d; width: 87%; border: none; }

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

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

.repeatx { background-image: url("http://cbimg6.com/layouts/10/04/36234aa.jpg"); background-repeat: repeat-x; background-position: top left; width: 100%; }

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

.img1 { background-image: url("http://cbimg6.com/layouts/10/04/36234ac.jpg"); background-position: top left; background-repeat: no-repeat; }
.img2 { background-image: url("http://cbimg6.com/layouts/10/04/36234ad.jpg"); background-position: top left; background-repeat: no-repeat; }
.img3 { background-image: url("http://cbimg6.com/layouts/10/04/36234ae.jpg"); background-position: top left; background-repeat: no-repeat; }
.img4 { background-image: url("http://cbimg6.com/layouts/10/04/36234af.jpg"); background-position: top left; background-repeat: no-repeat; }
.img5 { background-image: url("http://cbimg6.com/layouts/10/04/36234ag.jpg"); background-position: top left; background-repeat: no-repeat; }
.img6 { background-image: url("http://cbimg6.com/layouts/10/04/36234ah.jpg"); background-position: top left; background-repeat: no-repeat; }
.img7 { background-image: url("http://cbimg6.com/layouts/10/04/36234ai.jpg"); background-position: top left; background-repeat: no-repeat; }
.img8 { background-image: url("http://cbimg6.com/layouts/10/04/36234aj.jpg"); background-position: top left; background-repeat: no-repeat; }

.mleft { width: 190px; background-image: url("http://cbimg6.com/layouts/10/04/36234ak.jpg"); background-position: top left; background-repeat: no-repeat; }

.modules { width: 263px; background-image: url("http://cbimg6.com/layouts/10/04/36234al.jpg"); background-position: top left; background-repeat: no-repeat; }

.blog { width: 447px; background-image: url("http://cbimg6.com/layouts/10/04/36234al.jpg"); background-position: top right; background-repeat: no-repeat; }

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

</style>

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

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

</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"><br>

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

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

<table cellpadding="4" cellspacing="0" border="0" class="main" width="100%"><tr><td class="maincenter" valign="top">
<div class="blogheader">Welcome To</div>

<fieldset style="width: 350px; padding: 0px 0px 0px 0px; display: inline; border: 1px #150d0b solid">
<legend style="font: bold 10px arial; color: #cfb9b2; text-transform: uppercase" align="center">Title</legend>

Type what you want here. Basically, it's a small box most likely to be used for a welcoming message, but doesn't have a definite purpose. You can type out a more in-depth profile here, song lyrics, whatever you want. This is a scrolling divider, so whatever you add won't exceed any limits or boundaries.

</div>
</fieldset>

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

Layout Comments

Showing latest 6 of 6 comments

I love this, especially since it's Tsubasa inspired :]
Nice job.

By Tsubasakami on Apr 8, 2010 3:59 pm

Very nice. Very nice, indeed.

By emberfly on Apr 6, 2010 9:10 pm

agreed with the others. this is fab :D

By wickedicy on Apr 5, 2010 3:30 am

Nice layout!

By AbsentEmotions on Apr 5, 2010 1:02 am

oh wow,that's some nice texture/brushes you used :O
GOOD JOB!!!..I like the color scheme too.

By Snaily on Apr 3, 2010 11:35 pm

This looks fantastic!! Excellent job!

By Lifrasthir on Apr 3, 2010 5:10 pm

Layout Details

Designer	DarkHybridx
Submitted on	Apr 2, 2010
Page views	10,036
Favorites	7
Comments	6
Reviewer	manny-the-dino
Approved on	Apr 3, 2010

(The Ultimate) Sacrifice

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates