Stormy

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

paste into header

change "USERNAMEHERE" to your username

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

<table border="0" cellspacing="0" cellpadding="0" width="100%" class="navigator"><tr><center>
<td align="center" width="70"><a href="http://xanga.com/USERNAMEHERE" class="navi">Weblog</a></td>
<td align="center" width="70"><a href="http://www.xanga.com/profile.aspx?user=USERNAMEHERE" class="navi">Profile</a></td>
<td align="center" width="70"><a href="http://photo.xanga.com/USERNAMEHERE" class="navi">Photos</a></td>
<td align="center" width="70"><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE" class="navi">Subscribe</a></td>
<td align="center" width="70"><a href="http://www.xanga.com/CLAF/default.asp" class="navi">Customize</a></td>
<td align="center" width="70"><a href="http://www.xanga.com/Private/subs.aspx" class="navi">Subs</a></td>
<td align="center" width="70"><a href="http://www.xanga.com/signin.aspx?" class="navi">Log In</a></td>
<td align="center" width="70"><a href="http://www.xanga.com/private/home.aspx?" class="navi">Private</a></td>
<td align="center" width="70"><a href="http://xanga.com/logout.aspx" class="navi">Log Out</a></td>
<td align="center" width="70"><a href="http://www.createblog.com/" class="navi">Createblog</a></td>
<td align="center" width="72"><a href="http://xanga.com/protos" class="navi">Designed By...</a></td>
</center></tr></table>

table.navigator { width: 100%; background-color: #cccccc; border-bottom: 3px solid #CCCCCC; text-align: center}

table.navigation, table.footer, .mainleft { display:none; }

table.announcements, table.announcements TH, table.announcements TD, table.announcements TR 
{ border: 2px solid #cccccc; background-image: none; }

body {
background-position: top center;
background-image: url(http://cbimg6.com/layouts/07/06/20/18593ac.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-color: #000000;
font-family: Arial;
font-size:8pt;
font-color: #cccccc;
text-align: justify;}

center, font{
font-family: Arial;
font-size: 8pt;
font-color: #cccccc;
line-height: 12px;}

table.left {
background-color: #00003c;
border:0px;}

table.left th {
background-color: #00003c;
font: 12px arial;
text-transform: lowercase;
color: #FFFFFF;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 5px solid #FFFFFF;}

table.left TD {
background-color: 00003c;
color: #FFFFFF;
border: 0px;
text-align:left;}

.blogheader{
background-color: transparent;
font: 12px arial;
text-transform: lowercase;
color: #FFFFFF;
border: 0px;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-top:0;
padding-bottom:0;}

.blogbody{
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
background-color: #transparent;}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, textarea, .textfield, .button
{/* this edits the buttons, dropdowns, etc. */  
border: 1px solid #FFFFFF;
font:11px arial;
background-color: #000000;
background-image: url();
background-repeat: repeat;
text-align: center;
letter-spacing:0px;
color: #FFFFFF;}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font-family: arial;
font-size: 11px;
color: #FFFFFF;
text-align:left;}

STRONG{
COLOR: #FFFFFF;
letter-spacing: 0pt;
cursor: crosshair;}

A:link{
font-family:arial;
text-decoration:underline;
color: #FFFFFF;}

A:visited{
text-decoration:underline;
font-family:arial;
color:#FFFFFF;}

a:active{
color: #FFFFFF;}

A:hover{
text-decoration:none;
font-family:arial;
color:#FFFFFF;}

.search, .searchbarborder, .footer, hr, banner{ display: none; }
.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}
.navigation * div {  display: none; float: right; font-weight: none !important}

#pnlEnabled table, .htmleditor {
width:100% !important; }
</style>

Layout Comments

Showing latest 10 of 18 comments

great animation on this! love it!

By calilani on Jun 4, 2009 2:16 am

ohhh i love it! :D

By samanthaxrandom on Nov 15, 2008 12:37 am

this is hella awesome!

By Saikou on Apr 24, 2008 6:46 pm

the animation is awesome!

By JoannLeung on Nov 20, 2007 8:54 pm

awesome job on this one :]

By IVIike on Sep 16, 2007 5:54 pm

aww.. this is a really cute layout.

By monxcheri on Aug 12, 2007 5:28 pm

perdy =]

By xeviloompaloompa on Jul 25, 2007 2:07 pm

I love this layout ^_^

By Mm-giraffe on Jul 18, 2007 12:47 pm

I absolutely love it...you did a great job

By cbeckham on Jun 29, 2007 1:42 am

Gosh! At first I thought that this was a MySpace layout and I was soooooo psyched! Then it turned out to be Xanga. TURN IT INTO A MYSPACE LAYOUT PLEASE!!!!!! PRETTY PLEASE!!!!!!!

By fleetingamor on Jun 24, 2007 12:21 am

View all »

Layout Details

Designer	protos
Submitted on	Jun 19, 2007
Page views	22,090
Favorites	79
Comments	18
Reviewer	mzkandi
Approved on	Jun 20, 2007

Stormy

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates