Starfall

Xanga Layouts / Basic

View 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

<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><div style="
margin-top:-100px;
margin-right:-140px;">

<IMG SRC="http://images.cbimg4.com/xanga/15/3587.jpg" BORDER=0 ALT="" USEMAP="#envy_Map">
<MAP NAME="envy_Map">
<AREA SHAPE="rect" ALT="" COORDS="381,315,589,358" HREF="http://www.xanga.com/metro_skins">
</MAP>

<div id="content" style="margin-left:-120px;overflow: auto;">

<style type=text/css>
table.blogbody tr td {
width:0px; 
padding: 0px;
}
/* edit to your liking */
table.module {
width:150px; 
border: none;
background-color:FFFFFF; 
}
table.module th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family:terminal;
font-size: 8pt;
line-height:8px;
font-weight:none;
color:#547ABB;
letter-spacing:0px;
text-align: right;
background-color:FFFFFF;
border: none;
text-transform: uppercase;
}
table.module td {
font-family: Arial;
font-weight:normal;   
text-align: left;
font-size: 8pt;
line-height:8pt;
color: CCCCCC;
border: none; 
}
</style>

<table border=0 width="150"><tr><td valign="top" width="200">
<table border="1" cellspacing="0" cellpadding="1" width="100%" class="module"><tr><th valign="top" align="left" class="module">My Profile</th></tr><tr><td valign="top" class="module"> 
<img src="http://images.cbimg4.com/xanga/15/3587b.jpg" border="0"/><br>
<b>name:</b> NAME<br>
<b>age:</b> AGE<br>
<b>birthday:</b> YOUR BDAY<br>
<b>aim:</b> <a href="aim:goim?screenname=YOURSN&message=Hello!!">YOURSN</a>
<br>
</td></tr></table><br>
<table border="1" cellspacing="0" cellpadding="1" width="100%" class="module"><tr><th valign="top" align="left" class="module">Navigation</th></tr><tr><td valign="top" class="module"> 
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/private">Private</a><br>
<a href="http://www.xanga.com/claf">Look&Feel</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=YOURNAME">Add me</a><br>
<a href="http://www.xanga.com/private/subs.aspx">Friends</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=YOURNAME">Guestbook</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Log out</a>
</td></tr></table><br>
</td><td width="200" valign="top" align="left">

<style type="text/css">
body {
  background-image: url(http://images.cbimg4.com/xanga/15/3587c.jpg);
  background-position:center;
  background-repeat:repeat-y;
  background-attachment:;
  background-color: #000000;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-face-color: #8CCAE1;
  scrollbar-highlight-color: #ffffff;
  scrollbar-darkshadow-color: ffffff;
  scrollbar-3dlight-color: ffffff; 
  }
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {
/* edits main text */
  font-family: Arial;
  font-size: 8pt;
  line-height: 9px;
  color:CCCCCC;
  letter-spacing:0px;
  text-align:justify;
  }
div.blogheader, .caption { 
/* edits the dates */ 
width:300px; 
font-family:terminal; 
text-transform:uppercase; 
font-size: 8pt; 
line-height:10px; 
padding: 0px; 
font-weight:none; 
color:#8CCAE1; 
letter-spacing:0px; 
background-color: #FFFFFF; 
text-align: right; 
} 
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: left;
  }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 0px solid #transparent;
 font-family: Arial;
 font-size: 8pt;
 line-height: 9px;
 color: #CCCCCC;
 background-color: #transparent;
 letter-spacing:0px;
 }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#0083B0; 
  font-family: Arial;
  font-size: 8pt;
  line-height: 9px;
  font-weight:normal;
  text-decoration: none;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#CCCCCC; 
  font-family: Arial;
  font-size: 8pt;
  font-weight:normal;
  line-height: 9px;
  text-decoration: none;
  }
a:hover {
/* edits when user mouseovers the links */
  color:#999999;
  font-family: Arial;
  font-size: 8pt;
  font-weight:normal;
  line-height: 9px;
  text-decoration: none;
  }
input, select, textarea, .textfield, .button { 
/* this edits the buttons, dropdowns, etc. */ 
border: 1px solid #9ACD32; 
font:normal 8pt arial; 
color: 000000; 
line-height:10px; 
text-transform:none; 
background-color: #FFFFFF; 
letter-spacing:0px; 
} 
table.blogbody { 
/* this edits the other the place where the blog is */ 
border: 0px; 
background-color: #FFFFFF; 
width:300px; 
} 
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest miking it the same width as the blogbody*/
{width: 300px;
}
table.search TD, table.search, table.announcements { 
/* border of search bar (if you have it) */ 
background-color: #FFFFFF; 
border: 2px dotted #CCCCCC; 
} 
table.search TD, table.announcements TH { 
/* this should be left alone */ 
/* unless you know what to do */ 
border: 0px solid #c0c0c0; 
} 
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 350px;
  }
table.navigation, table.footer {
  background-color:#transparent;
  border: 0px solid transparent;
  display: none
  }
hr {
/* horizontal divider */
  border: 1px solid #ffffff;
  display:none;
  }
table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 0px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: left;
  }
hr {
 display: none;
 } 
.table.footer,table.navigation {display: none;
}
td.mainleft { display:none }
table.left { display:none }
table.footer { display:none }
.leftmoduletitlebar { display:none }
.leftmoduleborder { display:none }
table.navigation { display:none }
</style>
<style type="text/css">
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
 font-weight: bold;
 color: #0083B0;
 }
</style>

Layout Code

Copy and paste to Website Stats

Layout Comments

Showing latest 7 of 7 comments

Such a beautiful image.

By tokyo-rose on Mar 10, 2008 10:07 pm

I like the feeling :)

By JoannLeung on Nov 20, 2007 12:20 am

i again agree with turbulent.. haha.. 0_=

By xcorphz on Aug 2, 2007 4:32 pm

not a big fan of Anime! but it's cute

By lovelyjeni on Aug 14, 2005 3:25 pm

its a cute anime.. i like the bkgd too *blue* haha

By cookies2cream on Aug 6, 2005 1:33 pm

thats beautiful, the different shades of blue work well together

By turbulent on Aug 5, 2005 2:25 am

I like ur xanga skin... Its cute

By DustRainDr0pz on Aug 4, 2005 3:27 pm

Layout Details

Designer	xblu_azn_raverx
Submitted on	Aug 3, 2005
Page views	12,104
Favorites	36
Comments	7

Layout Tags

, starfall, anime, girl, angel, heavenly

Layout Tools

Layout Affiliates

Here I Stand Layouts