Yozakura Quartet

Xanga Layouts / Advance

Designer's Comments

Look carefully for specific instructions

Best view in: IE, Mozilla Firefox, Netscape...
Subscribe is needed. Subecribe now

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

font,td,p,xmp,div,li,ul
/* edits the main fonts */
{font: normal 8pt tahoma;
color: #AAAC65;
text-align: justify;}

.blogbody b, .standard b, p b, strong, b {
/* this edits bolded text in your entry */
font-weight: bold;
color: #A7A874;
font-variant: small-caps;
}

i, em {
/* this edits italic text in your entry */
font-weight: italic;
color: #7A6D2E;
}

u {
/*this edits underlined text in your entry */
color: #3D7E65;
text-decoration: none;
border-bottom: 1px dashed #175B3A;
}

a:link, a:visited, a:active{
/*this edits all links */
color:#898B37; font: normal;
text-decoration: none;
border-bottom: 1px dashed #958422;
}

a:hover {
/*this edits when user mouseovers the links */
color:#BCBD8B; 
text-decoration: none;
border-bottom: 1px dashed #175B3A;
}

div.blogheader
/* edits the date */
{font-weight: bold;
color: #C0C1A0;
text-align: left;
font-variant: small-caps;
border-bottom: 1px solid #606144;
line-height: 20px;
font-size: 12pt;
}

.header 
/* this edits the navigation header */
{font-weight: bold;
color: #C0C1A0;
text-align: left;
font-variant: small-caps;
border-bottom: 1px solid #606144;
line-height: 20px;
font-size: 12pt;
}

.content {
width: 170px;}

.Navi a:link{
/*this edits all links */
color:#898B37;
text-decoration: none;
border-bottom: 0px;
background-color: #trans;
text-align: center;
display: block;
border-left: 10px solid #76743D;
}

.Navi a:visited{
/*this edits all links */
color:#898B37;
text-decoration: none;
border-bottom: 0px;
background-color: #trans;
text-align: center;
display: block;
border-left: 10px solid #76743D;
}

.Navi a:hover {
/*this edits when user mouseovers the links */
color:#898B37;
text-decoration: none;
border-bottom: 0px;
background-color: #trans;
text-align: center;
display: block;
border-left: 10px solid #BAB76C;
}

input, select, textarea, iframe.htmleditor, .textfield, .button 
{/* this edits the buttons, dropdowns, etc. */
border: 1px solid #606144;
font: normal 9pt tahoma;
background-color: #000000;
color: #344423} 
 
table.blogbody 
/* this edits the blog body*/
{width: 445px;
}

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 #000000;
}
#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>

<div width="176" style="margin-left: 5px; margin-top: 42px;">


<div class="header">owner</div>
<div class="content">
<img src="http://cbimg9.com/layouts/08/11/32518ae.gif" align="left"><b>NAME</b> Your Name<br>
<b>BIRTH</b> Your birthday<br>
<b>GENDER</b> Male / Female<br>
<b>LOCATION</b> Your country<br>
<b>INTEREST</b> Your interest<br>
<b>HOBBY</b> Your hobby<br>
<b>DISLIKE</b> Your dislike<br>
<b>CONTACT</b> Your screen name here<br>
</div>
<br><br>
<div class="header">navigation</div>
<div class="navi">
<a href="http://www.xanga.com/">Xanga</a>
<a href="http://www.xanga.com/USERNAME">Refresh</a>
<a href="http://www.xanga.com/private/home.aspx">Yours</a>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Subscribe</a>
<a href="http://www.xanga.com/CLAF">Look & Feel</a>
<a href="http://www.xanga.com/guestbook.asp?user=USERNAME">Guest Book</a>
<a href="http://www.xanga.com/Private/subs.aspx">Subscription</a>
<a href="http://www.xanga.com/signin.asp">Log In</a>
<a href="http://www.xanga.com/logout.asp">Log Out</a>
</div>
<br><br>
<div class="header">affiliation</div>
<div class="content">
<marquee>Put your buttons or codes here.</marquee>
</div>
<br><br>
<div class="header">music</div>
<div class="content">
Get your music player free at <a href="http://www.loudfusion.com">Loudfusion</a> or at <a href="http://www.sheepproductions.com/billy/">Billy</a>.<br>
</div>
<br><br>
<div class="header">chatbox</div>
<div class="content">
Get your chatbox at <a href="http://www.cbox.ws">here</a>.<br>
</div>
<br><br>
<div class="header">friends</div>
<div class="navi">
<a href="http://www.xanga.com/USERNAME">USERNAME</a>
<a href="http://www.xanga.com/USERNAME">USERNAME</a>
<a href="http://www.xanga.com/USERNAME">USERNAME</a>
<a href="http://www.xanga.com/USERNAME">USERNAME</a>
<a href="http://www.xanga.com/USERNAME">USERNAME</a>
<a href="http://www.xanga.com/USERNAME">USERNAME</a>
</div>
<br><br>
<div class="header">credits</div>
<div class="content">
Designed by: <a href="http://www.xanga.com/MidnightxAurora">MidnightxAurora</a>.<br>
Resources by: <a href="http://digik.net">xx</a>, <a href="http://celestial-star">xx</a>, <a href="http://aethereality.net/">xx</a>.<br>
Special thanks to: the song <i>just tune</i> by Savage Genius for inspiration.<br><br>
</div>
</div></td>
		<td width="63" height="42"></td>
	</tr>
<tr><td width="58"></td>
<td valign="top" width="448">
			
<div width="445" style="margin-left: 2px;">

Layout Comments

Showing latest 4 of 4 comments

I was wondering how to get my blog to be underneath the main picture, next to the side text and all, but the blog always goes above everything else, do you know how to fix this? :C

By DamionKitty on Feb 3, 2011 12:19 pm

Agreed with fridaywalks.

By hiimeka on Nov 29, 2008 10:20 pm

Nice job :)
Background a bit too eye-catching though, don't you think?

By endsofspace on Nov 13, 2008 10:44 pm

Layout Details

Designer	MidnightxAurora
Submitted on	Nov 12, 2008
Page views	5,668
Favorites	17
Comments	4
Reviewer	micron
Approved on	Nov 13, 2008

Yozakura Quartet

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates