Starlight

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></HEAD>
<BODY BGCOLOR=#FFFFFF>

<div align="left"><div style="margin-top: -100px; margin-left: -10px;"><IMG SRC="http://images.cbimg4.com/xanga/18/4470.jpg" WIDTH=600 HEIGHT=900 BORDER=0 USEMAP="#starlight_Map">
<MAP NAME="starlight_Map">
<AREA SHAPE="rect" ALT="" COORDS="111,227,128,274" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">
<AREA SHAPE="rect" ALT="" COORDS="111,281,126,322" HREF="http://www.xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="" COORDS="107,329,130,352" HREF="http://www.xanga.com/claf">
<AREA SHAPE="rect" ALT="" COORDS="112,359,129,381" HREF="http://www.xanga.com/logout.aspx">
<AREA SHAPE="rect" ALT="" COORDS="110,389,132,426" HREF="http://xanga.com/signin.aspx">
<AREA SHAPE="rect" ALT="" COORDS="109,433,129,469" HREF="http://xanga.com">
</MAP>

</BODY>
</HTML></div>
<div style="overflow: visible; width: 355px; margin-top: -400px; margin-left: 80px;">
<style type="text/css">
table.navigation, table.footer { display:none; }

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
hr,
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer 
{display: none;} 
</style>

body 
{background-color:white ;
background-image: url(http://images.cbimg4.com/xanga/18/4470a.jpg);
background-repeat: repeat-y;
background-position: top-left;
cursor: default;

scrollbar-arrow-color: #D2D2D2;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #D2D2D2;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #D2D2D2;
scrollbar-darkshadow-color: #D2D2D2;
scrollbar-3dlight-color: #D2D2D2;}

/* edits the date */
div.blogheader, .caption 
{background-image: url();
background-repeat: no-repeat;
background-position: bottom;
font-family: Arial;
text-transform: none;
font-size: 17pt;
line-height: 25px;
font-weight: none;
color: #C0C0C0;
letter-spacing: -2px;
background-color: transparent;
text-align: center;
border-bottom: 4px solid #2080DF;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-size: 10pt;
font-weight: bold;
color: #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font: normal 8pt arial;
background-color: #ffffff;
color: #000000;}

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

font,td,p,xmp
{color: #000000;
font-famliy: tahoma;
font-weight: none;
font-size: 8pt;
text-align: justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 10px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color: none;
font-family: arial;
BORDER: #9F58E7 4px solid;
Border-top-width: 4px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
width: 498px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 9pt; 
font-family: arial;
font-weight: normal; 
color: #AFBFCF; 
text-transform: none;
font-size: 8pt; 
text-decoration: none;
cursor: none;}

a:active
{line-height: 9pt; 
font-family: arial;
font-weight: normal; 
text-transform: none;
font-size: 8pt; 
text-decoration: none;
cursor: none;}

a:visited
{line-height: 9pt; 
font-family: arial;
font-weight: normal; 
color: #B8C5D9; 
text-transform: none;
font-size: 8pt; 
text-decoration: none;
cursor: none;}

a:hover 
{line-height: 9pt; 
font-family: arial;
font-weight: normal; 
color: #C2BBE7; 
text-transform: lowercase;
font-size: 8pt; 
text-decoration: none;
cursor: none;}

</style>

Layout Comments

Showing latest 4 of 4 comments

i like it~~~it's beautiful

By heeweehk on Sep 10, 2005 4:55 am

ROFL I just looked at it and I made some mistkes while typing and that's my own fault cause I have bad typing skills and I have a bad habit of not going back and editing stuff.

By Kenado on Aug 31, 2005 7:47 pm

i didn't know that you can SING in? i like it though.

By lilphoenix on Aug 31, 2005 7:41 pm

NIce! the image is small though.

By annalucky on Aug 29, 2005 8:17 pm

Layout Details

Designer	FroZenCloud104
Submitted on	Aug 28, 2005
Page views	10,963
Favorites	21
Comments	4

Starlight

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates