Dark Shadow Guardian

Designer's Comments

Look carefully for specific instructions

A sweet, simplified layout featuring two unknown anime characters. Look out for the nifty news scroller!

Please center align this layout.

Keep all credits intact.

Go here for a fully working xanga preview.

Be aware that layout is best viewed in INTERNET EXPLORER ONLY.

Visit A Touch of Destiny for more quality, pre-made xanga layouts.

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

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

0px solid #000000;background: #4A6771;
<head>
< http-equiv="Content-Type content="text/html; charset=iso-8859-1">
</head>
<table id="Table_01" border="0" cellpadding="0" cellspacing="0"> 
<tr>
<td>

<TABLE WIDTH=820 BORDER=0 CELLPADDING=0 CELLSPACING=0>
 <TR>
  <TD>
   <IMG SRC="http://cbimg6.com/layouts/07/06/30/18898aa.jpg" WIDTH=820 HEIGHT=139 ALT=""></TD>
 </TR>
 <TR>
  <TD>
   <IMG SRC="http://cbimg6.com/layouts/07/06/30/18898ab.jpg" WIDTH=820 HEIGHT=150 ALT=""></TD>
 </TR>
 <TR>
  <TD>
   <IMG SRC="http://cbimg6.com/layouts/07/06/30/18898ac.jpg" WIDTH=820 HEIGHT=160 ALT=""></TD>
 </TR>
 <TR>
  <TD>
   <IMG SRC="http://cbimg6.com/layouts/07/06/30/18898ad.jpg" WIDTH=820 HEIGHT=149 BORDER=0 ALT="" USEMAP="#shadowguardianmajere_04_Map"></TD>
 </TR>
 <TR>
  <TD>
   <IMG SRC="http://cbimg6.com/layouts/07/06/30/18898ae.jpg" WIDTH=820 HEIGHT=75 ALT=""></TD>
 </TR>
</TABLE>
<MAP NAME="shadowguardianmajere_04_Map">
<AREA SHAPE="rect" ALT="" COORDS="722,100,771,122" HREF="http://www.xanga.com/signin.asp" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="636,100,706,121" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=s_majere" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="551,101,620,121" HREF="http://www.xanga.com/private/feedback.asp" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="487,99,537,122" HREF="http://www.xanga.com/claf" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="424,101,472,121" HREF="http://www.xanga.com" TARGET="_self">
</MAP>

</td>
</tr>
</table>
</div>
</body>

scrollbar-track-color: #222F34;
scrollbar-face-color: #222F34;
scrollbar-shadow-color: #778D95;
scrollbar-highlight-color: #778D95;
scrollbar-darkshadow-color: #222F34;
scrollbar-3dlight-color: #222F34;
scrollbar-arrow-color: #778D95;
background-image: url("http://cbimg6.com/layouts/07/06/30/18898ae.jpg");
background-position: left;
background-color: #4A6771;
background-repeat: repeat-y;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 9px verdana;
line-height:11px;
color: #A7ADB0;
letter-spacing:0px;
text-align:left;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #354A52;;
}

i, em {
/* edits italic text in your entry */
font-weight: italic;
color: #D5DFDF;
}

u {
/*edits underlined text in your entry */
text-decoration: underline;
color: #C2C4C3;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader{
/* edits the dates */
width: 415px;
height: 10px;
font: bold 9px verdana;
font-size:9px;
letter-spacing: 1px;
text-transform:uppercase;
color:#A7ADB0;
text-align:left;
background-image: url("");
border-bottom: 2px ridge #3E4A4D;
background-position:  center;

}

.Header {
font: bold 8px century gothic;
color: #d2d2d2;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 10px;
text-align: right;
padding-right: 1px;
padding-bottom: 2px;
width: 180px;
background-image: url("");
border: 3px double #000000;
background-color: #151D1F;
background-position: center center;
background-repeat: no-repeat;
}

.bgimage
{background: url("http://cbimg6.com/layouts/07/06/30/18898af.jpg") repeat-y bottom right;
padding: 0px;
background-color: #;
border: 0px solid #9A8B74;}

.Modules {
font: normal 9px verdana;
width: 180px;
color: #cccccc;
line-height:15px;
letter-spacing:0px;
text-align:left;
background-position: bottom center;
background-color: #222F34;
border: 3px double #000000;
padding-left:4px; 
text-align:justify;
text-transform: none;
display:block; 
}

.Box {
font: normal 9px verdana;
width: 124px;
height: 200px;
line-height:15px;
letter-spacing:0px;
text-align:left;
padding:5; 
text-align:justify;
text-transform: none;
display:block; 
background-color: transparant;
background-image: url("");
border: 0px solid #000000;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#4E5B5E;
font: normal 10px verdana;
line-height:13px;
background-color:#;
cursor:crosshair;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */

color:#4E5B5E;
font: normal 10px verdana;
line-height:13px;
background-color:#; 
cursor:crosshair;
}

a:hover {
/* edits when user mouseovers the links */

color:#A9B3B4;
font: normal 10px verdana;
line-height:13px; 
cursor:crosshair;
}

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

/* this edits the buttons, dropdowns, etc. */
border: 1px double #6C7B8B;
font: normal 10px verdana;
font-size: 10;
background-color: #000000;
letter-spacing:0px;
color: #ffffff;
}
 
table.blogbody 
{background: url("http://cbimg6.com/layouts/07/06/30/18898af.jpg") repeat-y bottom right;
padding: 2px;
background-color: transparant;
border: 0px solid #000000;
width: 415px;}

table.footer {display: none;}
.mainleft {
width: 0px;
padding: 1px;
}

hr {
/* horizontal divider */
border: 1px dashed #969595;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {

width: auto !important;
}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}</style>
<div style="margin-left: 600px; margin-top: -90px; width: 180px; height: 2000px; overflow: visible;">
<div class="Header">_ [Reach For Me] _</div>
<div class="modules">
<div class="bgimage">
<div style="width: 170px; height: 50px; overflow: auto; background-color: transparant; border: 1px solid #312C2E;overflow-x:hidden;
scrollbar-track-color: #222F34;
scrollbar-face-color: #222F34;
scrollbar-shadow-color: #778D95;
scrollbar-highlight-color: #778D95;
scrollbar-darkshadow-color: #222F34;
scrollbar-3dlight-color: #222F34;
scrollbar-arrow-color: #778D95;">
<table border="0" width=150px>
<tr>
<td valign="top"><p>
<FONT SIZE="-3">

<b>Hotmail:</b> s.majere<br>
<b>Yahoo:</b> s.majere <br>
<b>Myspace:</b> <a href="http://www.myspace.com/s_majere">S. Majere</a><br>
<b>VF:</b> <a href="http://www.vampirefreaks.com/u/s_majere">S. Majere</a>

<b>Name:</b> S. Majere<br>
<b>DOB:</b> 16/09/88 (18)<br>
<b>Music:</b> Dark core, gothic, hard rock, metal, alternative folk.<br>
<b>Movies:</b> Advent Children, 28 Days Later, Batman Begins, Blade I, II & III.<br>
<b>Loves:</b> Storms, bats, web-design.<br>
<b>Loathes:</b> Emos, whiners and idiots.

</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</div><br>
<div class="Header">_ [Remember Us] _</div>
<div class="modules"><div class="bgimage">
<marquee behavior=scroll direction="up" scrollamount="1" width="165" height="140" onmouseover='this.stop()' onmouseout='this.start()'><p><br>

Hope fades,<br>
Into the world of night.<br>
Through shadows falling,<br>
Out of memory and time.<br>
<br>
Don’t say,<br> 
We have come now to the end.<br>
White shores are calling.<br>
You and I will meet again.<br>
And you’ll be here in my arms,<br>
Just sleeping.

</marquee>
</div></div>
<br><div class="Header">_ [Expressions] _</div>
<div class="modules"><div class="bgimage">
<div style="width: 170px; height: 80px; overflow: auto; background-color: transparant; border: 1px solid #312C2E;overflow-x:hidden;
scrollbar-track-color: #222F34;
scrollbar-face-color: #222F34;
scrollbar-shadow-color: #778D95;
scrollbar-highlight-color: #778D95;
scrollbar-darkshadow-color: #222F34;
scrollbar-3dlight-color: #222F34;
scrollbar-arrow-color: #778D95;">
<table border="0" width=150px>
<tr>
<td valign="top"><p>
<FONT SIZE="-3">

<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br>
<a href="http://www.xanga.com">Blogring</a><br><br>

</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</div><br><div class="Header">_ [Hear Me Say] _</div>
<div class="modules"><div class="bgimage">
<div style="width: 170px; height: 80px; overflow: auto; background-color: transparant; border: 1px solid #312C2E;overflow-x:hidden;
scrollbar-track-color: #222F34;
scrollbar-face-color: #222F34;
scrollbar-shadow-color: #778D95;
scrollbar-highlight-color: #778D95;
scrollbar-darkshadow-color: #222F34;
scrollbar-3dlight-color: #222F34;
scrollbar-arrow-color: #778D95;">
<table border="0" width=150px>
<tr>
<td valign="top"><p>
<FONT SIZE="-3">

'Keep your friends close, and your enemies - closer.'<br><br>

'Whatever we see or seem, is but a dream within a dream.' -<b>Edgar Allen Poe</b>

<br><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</div><br><div class="Header">_ [Share With Me] _</div>
<div class="Modules"><div class="bgimage"><br>
<p>

Your flooble chatterbox code in here.

<br><br>
</div></div>
<br>
<div class="Header">_ [Credits] _</div>
<div class="Modules"><div class="bgimage">
<p><br>
<b>Layout:</b> <A href=http://www.xanga.com/s_majere>S. Majere
</a><br><br>
</div>
</div>
</div><div style="margin-left: 170px; margin-top: -2276px; width: 224px; height: 200px; overflow: visible;"><div class="Box">
<marquee behavior=scroll direction="up" scrollamount="1" width="135" height="200" onmouseover='this.stop()' onmouseout='this.start()'>
<p>

This little auto-scrolling newsbox comes in handy for dropping quick site updates in, affiliates, current online or offline statuses or any welcome message that you would like your visitors to see.<br><br>
Don't forget your break tags when you use this though; it will look much neater!<br><br>
Like paragraphs.<br><br>
Sorta. Anyway, have fun and think outside the box. :P
<br><br>
xx S. Majere xx

</marquee>
</div>
</div>

Layout Comments

Showing latest 7 of 7 comments

ooooooo............
i like this layout.......
hahaha......
i ts cooolll....=0
ohh!!
do u think u can make this layout a myspace layout???
please???
i dont have a xanga account...
please???
i love this layout and wish to have it in my profile...

~BlUe3AnGeL~

By blue3angel on Oct 11, 2007 1:55 pm

I love the blackness and the banner looks really nice. I'm adding it to my favorites.

By YourSuperior on Aug 1, 2007 7:35 pm

Try the big bold type that says 'LAYOUT CODE' on the left.

By S-Majere on Jul 26, 2007 3:17 pm

i wan't this code i love it^^!pls reply to me!...

By emo23rock on Jul 26, 2007 10:37 am

how to get the code?

By emo23rock on Jul 26, 2007 10:34 am

Oh for goodness sake; damn near every comment I get is 'make it for Myspace'.

No.

I will not.

It's a Xanga layout for a reason.

By S-Majere on Jul 13, 2007 8:13 am

i love this ;~;
but could you make it for myspace?

By KakashiSexyJutsu11 on Jul 13, 2007 8:06 am

Layout Details

Designer	S-Majere
Submitted on	Jun 29, 2007
Page views	15,483
Favorites	40
Comments	7
Reviewer	moorepocket
Approved on	Jun 30, 2007

Dark Shadow Guardian

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates