Topaz

Designer's Comments

Look carefully for specific instructions

Subscribe to MidnightxAurora

Site Rules
01. Do not change, remove or touch the credits in the designs.
02. Subscribe to me is a must if you are using anything from this website.
03. Do not redistribute anything from this site. Everything is copyright.

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

<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>


<script type='text/javascript'>
document.title = ('//TOPAZ //'); </script>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/08/01/28/25023aa.jpg" width="800" height="177" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/08/01/28/25023ab.jpg" width="800" height="166" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/08/01/28/25023ac.jpg" width="800" height="157" alt=""></td>
	</tr>
	<tr>
		<td>
			<div style="background-image: url('http://img242.imageshack.us/img242/5562/image04nf2.jpg'); width: 800px; height:100px;"></div></td>
	</tr>
</table>

</body>

body {
/* body */
 scrollbar-track-color: #3875B6;
scrollbar-face-color: #3875B6;
scrollbar-shadow-color: #3875B6;
scrollbar-highlight-color: #3875B6;
scrollbar-darkshadow-color: #3875B6;
scrollbar-3dlight-color: #3875B6;
scrollbar-arrow-color: #013974;
background-image: url('http://cbimg6.com/layouts/08/01/28/25023af.jpg');
background-position: right;
background-color: #3875B6;
background-repeat: repeat-y;
overflow-x:hidden;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* main text */
font: normal 8pt arial;
line-height:15px;
color: #013974;
letter-spacing:0px;
text-align:justify;
}

.blogbody b, .standard b, p b, strong {
/* bolded text */
font-weight: bold;
color: #013974;
}

i, em {
/* italic text */
font-weight: italic;
color: #013974;
}

u {
/* underlined text */
text-decoration: none;
color: #013974;
border-bottom-color: #013974;
border-bottom: dashed 1px;
}

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

div.blogheader{
/*this edits the dates */
font: normal 8pt tahoma;
color: #013974;
letter-spacing: 1px;
text-transform: none;
text-align: left-bottom;
padding-right: 1px;
border-bottom: 1px solid #013974;
overflow: visible;
}

.mxa_Header {
/* the navigation headers */
font: normal 8pt tahoma;
color: #013974;
letter-spacing: 1px;
text-transform: none;
text-align: right-bottom;
padding-right: 1px;
overflow: visible;
padding:3;
border-bottom: 1px solid #013974;
}

.Content {
/* navigation content */
font: normal 8pt tahoma;
color: #013974;
line-height:10px;
letter-spacing:0px;
text-align:right;
text-align:justify;
text-transform: none;
display:block; 
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* links */
color:#013974;
font: normal 8pt tahoma;
}

a:visited, a.footernav:visited, {
/* visited links */
color:#013974;
font: normal 8pt tahoma;
}

a:hover {
/* hover links */
color:#7592B0;
font: normal 8pt tahoma
}

input, select, textarea, .textfield, .button {
/* the buttons, dropdowns, darkplayers etc. */
border: 1px double #013974;
font: normal 8pt tahoma;
background-color: #trans;
letter-spacing:0px;
color: #013974;
}

/* navigation links */
.navlink a:link {
color: #013974;
font: normal 10pt tahoma;
font-weight: bold;
text-decoration: none;
background-color: #trans;
text-align: right;}

.navlink a:visited {
color: #013974;
font: normal 10pt tahoma;
font-weight: bold;
text-decoration: none;
background-color: #trans;
text-align: right;}

.navlink a:hover {
color: #7592B0;
font: 10pt tahoma;
font-weight: bold;
text-decoration: none;
background-color: none;
text-align: right;
}

table.blogbody {
/* this edits the blog's width */
width:280px;
}

table.footer {display: none;}
/* do not mess with this */
.mainleft {
width: 0px;
padding: 1px;
}

hr {
/* this is the horizontal divider all the way on the bottom */
border: 1px solid #7592B0;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {

width: auto !important;
}

table.blogbody tr td {
/* this edits the left margin of blog.... do not edit*/
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}
</style>

Owner

[Name] YOUR NAME 
[Birthday] BIRTH DATE 
[Age] YOUR AGE 
[Gender] YOUR GENDER 
[Birth] YOUR BIRTH DATE 
[Interest] YOUR LIKE 
[Dislike] YOUR DISLIKE 
[Expertise] YOUR EXPERTISE 
[Contact] YOUR EMAIL

Navigation

<a href="http://www.xanga.com/USERNAME">Home</a> 
<a href="http://www.xanga.com/private/home.aspx">Private</a> 
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Subscribe</a> 
<a href="http://www.xanga.com/Private/subs.aspx">Subscription</a> 
<a href="http://www.xanga.com/CLAF">Look and Feel</a> 
<a href="http://www.xanga.com/guestbook.asp?user=USERNAME">Guestbook</a> 
<a href="http://www.xanga.com/signin.asp">Sign In</a> 
<a href="http://www.xanga.com/logout.asp">Log out</a>

Friends

<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a> 
<a href="http://www.xanga.com/USERNAME">My Friend</a>

Player

Place your music player codes here.

Chat Board

Put your chatbox codes here.

Affliates

<marquee behavior=scroll direction="left" scrollamount="1" width="150" height="50" onmouseover='this.stop()' onmouseout='this.start()'>
<a href="http://www.xanga.com/MidnightxAurora"><img src="http://cbimg6.com/layouts/08/01/28/25023ad.gif" alt="MidnightxAurora" border="0"></a> <a href="http://www.xanga.com/midnightxaurora"><img src="http://cbimg6.com/layouts/08/01/28/25023ae.gif" alt="MidnightxAurora" border="0"></a>
</marquee>

etc.

Put whatever you want here.

Credits

Layout: <a href="http://www.xanga.com/MidnightxAurora">MidnightxAurora</a> 

Special Thanks: <a href="http://www.animeartbook.net/">T</a>.<a href="http://www.xanga.com/MidnightxAurora">O</a>.<a href="http://www.obsidian-dawn.com">P</a>.<a href="http://www.beautiful-sin.net">A</a>.<a href="http://www.celestial-star.net">Z</a>. 
 

</div>

Layout Comments

Showing latest 6 of 6 comments

it brock my SITE!

By aliceleech on Jan 25, 2009 5:31 am

AWW I LOVE THE COLOR! :]

By xMyolie on Jul 18, 2008 11:06 pm

Header is very nicely done. But the blog width is a bit small.
Coding could be MUCH better. The banner is so nice but the coding text is so plain. It doesn't match.

By H3av3nxAng3l on Jan 30, 2008 6:16 pm

AHHH the header is relli pretty .. LOVE IT :)

By Mara-roscoe on Jan 30, 2008 4:31 am

I don't like how much empty space there is on the left. The layout doesn't even take up half the screen. :/ It's decent, though.

By tokyo-rose on Jan 29, 2008 4:33 pm

Not bad, although the severe right placement of the header does take away a lot of the oomph factor that this design could have.

By S-Majere on Jan 29, 2008 9:07 am

Layout Details

Designer	MidnightxAurora
Submitted on	Jan 28, 2008
Page views	8,266
Favorites	34
Comments	6
Reviewer	sweetasphyxia
Approved on	Jan 28, 2008

Topaz

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates