AND THE METEORS FALL

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

.#rblEprops{}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page */
{width:245px;}

Table.Announcements TD {display: none;}
 
table.navigation, table.footer{display: none;}

body {
background: url(http://layouts.cbimg8.com/34/17212f.png);
background-attachment:scroll;
background-position: left; 
background-repeat: repeat-y;
margin: 0px;
padding:0px;
scrollbar-Arrow-Color: #ffffff;
scrollbar-Track-Color: #000000; 
scrollbar-Shadow-Color: #ffffff;
scrollbar-Face-Color: #990033; 
scrollbar-Highlight-Color: #ffffff; 
scrollbar-darkshadow-color: #000000;
scrollbar-3dLight-Color: #000000;
overflow-x: hidden;
font: tahoma;
font-size:8px;
color: #ffffff;
}

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

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 9px arial;
color: #ffffff;
text-align:justify;
}

a:link{
/* edit the links */
color: #ff0000;
text-decoration: none;
font:normal 9px tahoma;
}

a:visited{
/* edit visited links */
color: #ffffff;
font:9px tahoma;
text-decoration: none;
}

a:hover {
color:#990033;
}

a.menu:visited{
color: #990033;
text-decoration: none;
}

a.menu:link{
color: #990033;
font: 9px tahoma;
text-decoration: none;
}

a.menu:hover{
color: #ffffff;
text-decoration: none;
}

b, strong{
 color: #990033;
 font-family: tahoma;
 font-weight:bold;
 font-size:9px;
 }

em, italic {
 color: #ffffff;
 font-family: arial;
 font-weight:italic;
 font-size:9px;}

u, underline{
 color: #990033;
 font-family: arial;
 font-size: 9px;}

sup, superscript, sub, subscript{
 color: #990033;
 font-family: tahoma;
 font-weight: bold;
 font-size: 9px;}

div.blogheader, .caption {
background-image: url(http://layouts.cbimg8.com/34/17212g.png);
background-attachment:inherit;
background-position: center; 
background-repeat: no-repeat;
padding: 4px 0px 4px 0px;
padding: 4px !important 0px 4px !important 0px;
width: 371px;
height: 25px;
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: left;
border: 0px solid #990033;
text-indent: 7px;
margin-left: -0px;
}

div.content{
font:normal 9px arial;
color: #ffffff;
text-align:justify;
width: 371px;
margin-top: -11px;
}

p.module{
font:normal 9px arial;
color: #ffffff;
text-align:justify;
}

p.nav {
/* edits the menu modules */
width:121px;
font: tahoma;
font-size:11px;
margin-left: 0px;
border: 1px dotted #f8f7f7;
border-width: 0px 0px 1px 0px;
color:#990033;
letter-spacing:1px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 9px tahoma;
background:#980000;
letter-spacing:0px;
color:#f8f7f7;
font-family: Arial;}

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

div.smalltext {
padding: 1px 1px 1px 1px;
text-align:right;
background-image: url(http://layouts.cbimg8.com/34/17212h.png);
background-attachment: inheret;
background-repeat: no-repeat;
background-position: right;
font-size: 14px;
vertical-alignment: center;
}

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

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

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width:0px;
}

hr {
color: #990033;
}

marquee.news{
color:#ffffff;
font: tahoma;
font-size: 10px;
font-weight: bold;
}

texttable.left, td.mainleft, table.left, table.navigation, table.search

{display:none}

table.navi{
width: 121px;
}
</style>

</head>

<body>

<div style="margin-top: -150px; margin-left: -343px; margin-left: -345px !important">
<img src="http://layouts.cbimg8.com/34/17212c.png"></div>
	<div style="margin-left: -673px; margin-top: -141px; border:1px solid black; width:283px; height:45px">
	<b style="color: #ffffff; font-size:12px; text-indent: 2px"> NEWS</b><br>
	<marquee class="news" scrollAmount="2" direction="up" height="29px" behavior="scroll" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2" style="margin-left: 2px;">
Use this section to post any new features on your xanga page.<br>
	</marquee> 
	</div>

<div style="margin-left:-63px; margin-left:-65px !important; margin-top:5px"><table cellspacing="0px" cellpadding="0px" width="10%"> 
	<tr><td>
	<img src="http://layouts.cbimg8.com/34/17212d.png" border="0px">
	<div style="margin-top: -3px;">
	<table align="right" bgcolor="#000000" border="0px" class="navi">
	<tr valign="top">
        <td colspan="2">
	<p class="nav">About Me</p>
	<tr>
	<td colspan="2">
	<p class="module">
	<b>Name:</b> NAME HERE<br>
	<b>Age:</b> AGE HERE<br>
	<b>City:</b> CITY HERE<br>
	<b>Gender:</b> GENDER HERE<br>

<br>
	
	<tr>
	<td colspan="2">
	<p class="nav">Navigation</p>
	<tr>
	<td>
	<div style="margin-left: 17px; margin-left: 17px !important">
	<a href="http://www.xanga.com" class="menu">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx" class="menu">Sign In</a><br>
<a href="http://www.xanga.com/private" class="menu">Yours</a><br>
<a href="http://www.xanga.com/claf" class="menu">Edit</a><br>
<a href="http://www.xanga.com/private/subs.aspx" class="menu">Subbies</a><br><br>
</td>
<td>
<br><a href="http://upload.xanga.com/uploadphotos.aspx" class="menu">Upload</a><br>
<a href="http://www.xanga.com/logout.aspx" class="menu"> Logout</a><br>
<a href="http://www.xanga.com/private/feedback.aspx" class="menu">Feedback</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=chinpokomon_Master" class="menu">G-book</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=chinpokomon_Master" target="_blank" class="menu">Subscribe!!</a></div><br>
<br>
	<tr>
	<td colspan="2">
	<p class="nav">Now Playing</p>
	<tr>
	<td colspan="2" align="center">
	<p class="module"><b>Artist Name Here</b><br>
        Song Title Here<br><br>
        You can either put your song's link in the Music section of the Xanga edit page, or embed here using the embed source code.
        <br>

<tr>
	<td colspan="2">
	<p class="nav">Links</p>
	<tr>
	<td colspan="2">
	<p class="module">
	-----YOUR LINKS HERE-----<br>

<br>

<tr>
	<td colspan="2">
	<p class="nav">Credits</p>
	<tr>
	<td colspan="2">
	<p class="module">
	<b>All Images and Codes:</b><br><a href="http://www.xanga.com/chinpokomon_master" class="menu">Chinpokomon_master</a><br><br>
       *Note: You will have to change decrease (make more negative) the margin-top section of the div code at the bottom of this html code. Adding text in the module area will cause the main text to be dragged down. Vice versa for removing text from this area (making the margin-top pixel # more positive).<br>
        <br>
	
	</td>
	</tr>
	</table>
	</div>
	</td></tr>
	<tr><td valign="top">
	<img src="http://layouts.cbimg8.com/34/17212e.png" border="0px">
	</td></tr>
	</table>
</div>

</body>
</html>

Layout Comments

Showing latest 4 of 4 comments

i love it. except the headers are hard to read.

By Chicago on May 14, 2007 9:33 pm

Oh all right! You got it to fit into a Xanga (from a website template). Awesome! I love it.

By Kathleen on Apr 9, 2007 11:23 am

i like the color

By yanis on Mar 31, 2007 12:57 am

it's a cool idea i would have made the meteors less bright, they hurt my eyes a bit and look a little unrealistic. Otherwise it is a great layout.

By IVIike on Mar 29, 2007 7:32 pm

Layout Details

Designer	DrSMooTH
Submitted on	Mar 27, 2007
Page views	9,212
Favorites	6
Comments	4

AND THE METEORS FALL

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates