Chaotic Flight

Designer's Comments

Look carefully for specific instructions

An older layout that I forgot to release here at Createblog. Features desaturated screenies of Vincent Valentine from the Dirge of Cerberus game - his cloak has been resaturated bright crimson.

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

0px solid #000000;background: #AAAAAA;

<table id="Table_01" width="670" height="753" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/08/05/20358aa.jpg" width="670" height="148" border="0" alt="" usemap="#fightfurtherdiff_01_Map"></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/08/05/20358ab.jpg" width="670" height="182" border="0" alt="" usemap="#fightfurtherdiff_02_Map"></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/08/05/20358ac.jpg" width="670" height="180" border="0" alt="" usemap="#fightfurtherdiff_03_Map"></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/08/05/20358ad.jpg" width="670" height="198" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="http://cbimg6.com/layouts/07/08/05/20358ae.jpg" width="670" height="45" alt=""></td>
 </tr>
</table>
<map name="fightfurtherdiff_01_Map">
<area shape="rect" alt="Home" coords="615,132,648,148" href="http://www.xanga.com" target="_self">
</map>
<map name="fightfurtherdiff_02_Map">
<area shape="rect" alt="Design" coords="613,161,648,173" href="http://www.xanga.com/claf" target="_self">
<area shape="rect" alt="Log Out" coords="613,130,653,146" href="http://www.xanga.com/logout.asp" target="_self">
<area shape="rect" alt="Log In" coords="613,103,647,115" href="http://www.xanga.com/signin.asp" target="_self">
<area shape="rect" alt="Friends" coords="613,73,646,88" href="http://www.xanga.com/private/subs.aspx" target="_self">
<area shape="rect" alt="Prints" coords="613,45,647,59" href="http://www.xanga.com/private/feedback.aspx" target="_self">
<area shape="rect" alt="Subscribe!" coords="615,16,647,32" href="http://www.xanga.com/private/subscribeto.aspx?user=s_majere" target="_self">
</map>
<map name="fightfurtherdiff_03_Map">
<area shape="rect" alt="Profile" coords="613,8,652,22" href="http://www.xanga.com/private/home.aspx" target="_self">
</map>

</div>
</body><style type="text/css">
body {
overflow-x:hidden;
scrollbar-track-color: #4F484C;
scrollbar-face-color: #979396;
scrollbar-shadow-color: #D3D1D2;
scrollbar-highlight-color: #D3D1D2;
scrollbar-darkshadow-color: #4F484C;
scrollbar-3dlight-color: #4F484C;
scrollbar-arrow-color: #4F484C;
background-image: url("http://cbimg6.com/layouts/07/08/05/20358ae.jpg");
background-position: center;
background-color: #AAAAAA;
background-repeat: repeat-y
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font: normal 10px verdana;
line-height:11px;
color: #000000;
letter-spacing:0px;
text-align:left;
}

.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #633335;
}

i, em {
font-weight: italic;
color: #4F2F2D;
}

u {
text-decoration: underline;
color: #7B5B61;
}

table.footer TD {
text-align: center;
}

div.blogheader{
width: 400px;
height: 5px;
font: bold 9px smallfonts;
font-weight: bold;
font-size:9px;
letter-spacing: 1px;
text-transform:uppercase;
color:#4F484C;
text-align:left;
padding-left:0px;
background-image: url("");
border-bottom: 0px dashed #000000;
background-color: none;
background-position:  left;
background-repeat: no-repeat;}

.Header {
font: normal 9px smallfonts;
font-weight: normal;
color: #C3C6C5;
letter-spacing: 1px;
text-transform: lowercase;
line-height: 12px;
text-align: left;
padding-right: 1px;
padding-left:15px;
width: 200px;
background-image: url("");
border-bottom: 1px solid #16221E;
background-position: right;
background-repeat: no-repeat;
background-color: #16221E;
}

.Modules {
font: normal 9px verdana;
width: 200px;
color: #969595;
line-height:15px;
letter-spacing:0px;
text-align:left;
background-image: url("http://cbimg6.com/layouts/07/08/05/20358af.jpg");
background-position: bottom left;
background-repeat: no-repeat;
background-color: #B5B3B5;
border: 1px double #B5B3B5;
padding-left:4px; 
text-align:justify;
text-transform: none;
display:block; 
}
.Modules2 {
font: normal 9px verdana;
width: 200px;
color: #969595;
line-height:15px;
letter-spacing:0px;
text-align:left;
background-position: bottom center;
background-color: #B5B3B5;
border: 1px double #B5B3B5;
padding:0px; 
text-align:justify;
text-transform: none;
display:block; 
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#000000;
font: normal 10px verdana;
line-height:13px;
background-color:#;
}

a:visited, a.footernav:visited, {

color:#000000;
font: normal 10px verdana;
line-height:13px;
background-color:#; 
}

a:hover {color:#dddddd;
font: normal 10px verdana;
line-height:13px; 
}

input, select, textarea, .textfield, .button {
border: 1px double #6C7B8B;
font: normal 10px verdana;
font-size: 10;
background-color: #000000;
letter-spacing:0px;
color: #ffffff;
}
 
table.blogbody {
width:400px;
border-bottom: 1px solid #1B202A;
}

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

hr {
border: 1px dashed #000000;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {

width: auto !important;
}

table.blogbody tr td {
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}
#Snavi a {
font-weight: bold;
     font: 10px verdana;
letter-spacing: 0.10em;
border-right: 1px solid #000000;
border-left: 10px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align:left;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
height: 10px;
     width:190px;
text-decoration: none;
color: #16221E;
background-color: #9C9A9C;
text-transform: none;
}#Snavi a:hover { 
color: #16221E;
     font: 10px verdana;
border-right: 1px solid #000000;
border-left: 10px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
     text-align:left;
     width:190px;
     background-color: #dddddd;
     text-transform: none;
)</style>
<div style="margin-left: 440px; margin-top: -330px; width: 200px; height: 2000px; overflow: visible;">
<div class="Header">Cell Phone</div>
<div class="modules2">
<div id="Snavi">

<a href="http://www.myspace.com"> Myspace</a>
<a href="http://www.livejournal.com">Livejournal</a>
<a href="http://www.othersite.com">Other site</a>
</div></div><br>

<div class="Header">Cloud Strife</div>
<div class="modules">
<p><br>

<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.
<br><br>

</div>
<br>
<div class="Header">Memories</div>
<div class="modules">
<marquee behavior=scroll direction="up" scrollamount="1" width="140" 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>
<br>
<div class="Header">Alliances</div>
<div class="modules2">
<div id="Snavi">

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

</div></div>
<br>
<div class="Header">Forgiveness</div>
<div class="modules">
<p><br>

'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></div>
<br>
<div class="Header">Credits</div>
<div class="Modules2">
<div id="Snavi">
<A href=http://www.xanga.com/s_majere>S. Majere
</a></div></div></div>
</div><DIV style="position:static; 
margin-top: -2010px; 
margin-left: -230px; 
width: 400px; 
BACKGROUND-COLOR: #BFBFBF;
border: 1px solid #000000">

Layout Comments

Showing latest 9 of 9 comments

i was wondering if you can do this layout on myspace? it's awesome!

By Melers on Mar 31, 2008 1:49 pm

i like that the quote is relayed in the picture...

By jesusisthebestthing on Aug 10, 2007 12:41 am

very pretty i like it a lot

By IVIike on Aug 6, 2007 11:13 am

Oooo I like the way you made the "Chaotic FLight" and there's something about that navigation that looks really cool to me. I don't use Xanga but this is pretty cool :)

By FoxLucky on Aug 6, 2007 7:02 am