Special Occasion

Xanga Layouts / Advance

Designer's Comments

Look carefully for specific instructions

Working Preview

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>
<script type='text/javascript'>
document.title = ('Special Occasion'); </script>

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p
{font: normal 9px Century Gothic;
color: #9E8662;
text-align: justify;}

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

i, em
{font-weight: italic;
color: #6B4F24;}

u
{font-weight: normal;
color: #9E8662;
letter-spacing: 0px;
text-decoration: underline;
text-transform: normal;
border-bottom: 1px solid;
border-bottom-color: #FFFFFF;}

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

div.blogheader
{background-color: #transparent;
border-left: 5px solid #9E8662;
color: #9E8662;
font: normal 15px Century Gothic;
line-height: 25px;
letter-spacing: 2px;
text-align: left;
text-transform: none;
padding: 0px;
width: 370px;}

.ÆHeader
{background-color: #transparent;
border-left: 5px solid #9E8662;
color: #9E8662;
font: normal 15px Century Gothic;
line-height: 25px;
letter-spacing: 2px;
text-align: left;
text-transform: none;
padding: 0px;
width: 171px;}

.Modules
{background-color: #transparent;
border: 0px solid #000000;
color: #9E8662;
font: normal 9px Century Gothic;
line-height: 15px;
letter-spacing: 0px;
text-align: center;
text-transform: none;
padding: 0px;
width: 171px;}

.link a 
{background-color: #transparent;
border-top: 0px solid #FFFFFF;
font-color: #6B4F24;
font: normal 9px Century Gothic;
height: 0px;
letter-spacing: 0px;
padding: 0px;
text-align: left;
text-decoration: none;
text-transform: none;
width: 171px;}

.link a:hover
{background-color: #57140B;
border-top: 0px solid #FFFFFF;
font-color: #FFFFFF;
font: normal 9px Century Gothic;
height: 0px;
letter-spacing: 0px;
padding: 0px;
text-align: left;
text-decoration: none;
text-transform: none;
width: 171px;}

a:link, .footernav.link, a.footernav:link, a.footernav:active
{color: #6B4F24;
font: normal 9px Century Gothic;}

a:visited, a.footernav:visited,
{color: #6B4F24;
ffont: normal 9px Century Gothic;}

a:hover
{color: #FFFFFF;
font: normal 9px Century Gothic;}

input, select, textarea, .textfield, .button
{background-color: #57140B;
border: 1px solid #9E8662;
color: #6B604F;
font: normal 9px Century Gothic;
letter-spacing: 0px;}
 
table.left
{display: none;
padding: 0px;
width: 0px;}

table.blogbody
{background-color: #transparent;
border: 0px solid #000000;
font: normal 9px Century Gothic;
text-transform: none;
width: 370px;}

table.left th
{/* on your menu module, this edits the title part of it */}

table.left TD
{display: none;
padding: 0px;
width: 0px;}

table.search TD, table.announcements TH 
{/* this should be left alone */
/* unless you know what to do */}

table.footer 
{display: none;}

.mainleft 
{padding: 1px;
width: 0px;}

hr 
{border: 1px solid #9E8662;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: auto !important;}

table.blogbody tr td 
{padding: 0px;
width:0px;}

table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

table.blogbody div.smalltext
{text-align: center;}
</style>

<div class="ÆHeader">About Me</div>
<div class="Modules"><p>
<b>Name /</b>/ TEXT<br>
<b>B`Day /</b>/ TEXT<br>
<b>Age /</b>/ TEXT<br>
<b>Gender /</b>/ TEXT<br>
<b>Grade /</b>/ TEXT<br>
<b>Music /</b>/ TEXT<br>
<b>Other /</b>/ TEXT<br>
</div>

<div class="ÆHeader">Navigation</div>
<div class="modules"><p>
<div class="link">
<center>
<a href="http://xanga.com/home.aspx?user=USERNAMEHERE">Home</a> 
<a href="http://xanga.com/private/">Private</a> 
<a href="http://xanga.com/private/SubscribeTo.aspx?user=USERNAMEHERE">Subscribe</a> 
<a href="http://xanga.com/private/Subs.aspx">Subscriptions</a> 
<a href="http://xanga.com/CLAF/default.asp">Look & Feel</a> 
<a href="http://xanga.com/guestbook.asp?user=USERNAMEHERE">GuestBook</a> 
<a href="http://xanga.com/signin.asp">Sign In</a> 
<a href="http://xanga.com/logout.asp">Sign Out</a>
</center></div></div>

<div class="ÆHeader">Music</div>
<div class="Modules"><p>
Your <b>Darkplayer</b> // <b>Music Player</b> goes here.
</div>

<div class="ÆHeader">Etc.</div>
<div class="modules"><p>
<marquee behavior=scroll direction="up" scrollamount="1" width="171" height="100" onmouseover='this.stop()' onmouseout='this.start()'>
Put what <b>you</b> wish here. such as song <b>lyrics</b>, <b>news</b>, <b>pictures</b>, <b>quotes</b>, or <b>whatever</b> you want.<br><br>
-- <b>Absent Emotions</b>
</center></marquee></div>

<div class="ÆHeader">Friends</div>
<div class="modules"><p>
<div class="link">
<center>
<a href="http://xanga.com/">Friend</a>
<a href="http://xanga.com/">Friend</a>
<a href="http://xanga.com/">Friend</a>
<a href="http://xanga.com/">Friend</a>
<a href="http://xanga.com/">Friend</a>
</center>
</div></div>

<div class="ÆHeader">Credits</div>
<div class="modules"><p>
<b>Layout /</b>/ <a href="http://xanga.com/AEProductions">AbsentEmotions</a><br>
</div>
</div>

Layout Comments

Showing latest 3 of 3 comments

ur so awesome!

By jesusisthebestthing on Sep 29, 2007 8:48 pm

can you make this for myspace... and i'll like send you five dollars lol

By xxkiaraxalexisxx on Sep 27, 2007 10:32 pm

this is a GREAT GREAT layout.

nice work :)

By PINKLollyPOP on Sep 21, 2007 2:39 am

Layout Details

Designer	AbsentEmotions
Submitted on	Sep 20, 2007
Page views	4,515
Favorites	7
Comments	3
Reviewer	alovesopure
Approved on	Sep 20, 2007

Special Occasion

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates