UTADA HIKARU :: Perfect

Designer's Comments

Look carefully for specific instructions

at first i intended the layout to be white, but that would be kind of blinding, right? so i decided with this color. I'm very proud!! -tear- well of course it features utada hikaru ^ ^ my first idol layout since that novice Ayumi Hamasaki one i made a million years ago o.O

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

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, .caption {
/* edits the dates */
width: 380px;
border: 0px double #transparent;
font-family: Century Gothic;
text-transform: uppercase; 
text-align: center;  
font-size: 10px;  
line-height: 5px; 
font-weight: normal;
color: #ffffff;
letter-spacing: 5px;  
border: 1px dashed #000000;
text-align: left; 
background-repeat: no-repeat;
background-position: bottom;
background-color: #BB9D8E;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
}
.DOKInaviheader {
border: 0px double #transparent;
font-family: Century Gothic;
text-transform: uppercase; 
text-align: center;  
font-size: 10px;  
line-height: 5px; 
font-weight: normal;
color: #ffffff;
letter-spacing: 5px;  
border-top: #transparent 1px solid;
text-align: left; 
background-repeat: no-repeat;
background-position: bottom;
background-color: #BB9D8E;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
}
.module {
width: 290px;
background-color: none;
border: #transparent 1px solid;
}
.DOKIHeader {
font-size: 10.5px; 
font-family: Arial;
font-weight: normal;
color: #796158;
border: 1px dashed #000000;
background-color: #000000;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6A797,endColorStr=#E9D5C8)
width: 290px;
}
font,td,p,xmp {
color: #796158;
font-face: tahoma;
font-weight: normal;
font-size: 8pt;
line-height: 11pt;
text-align: justify;
}
table.blogbody tr td 
{width: 0px; 
padding-left: 0px;
}
table.blogbody {
width: 380px;
font: normal 8pt arial;
color: #ffffff;
line-height: 11pt;
text-align: left;
background-color: #transparent;
padding: 2px;
border: 0px solid #transparent;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#8F756A;
font: normal 10.5px Century Gothic;
line-height: 10px;
font-weight: bold;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#ffffff;
font: normal 10.5px Arial;
line-height: 10px;
font-weight: normal;
}
a:hover {
/* edits when user mouseovers the links */
color: #a1a1a1;
font: normal 10.5px Verdana;
line-height: 10px;
cursor: ne-resize;
font-weight: normal;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font: normal 10.5px century gothic;
background-color: #000000; 
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6A797,endColorStr=#E9D5C8)
letter-spacing: 0px;
color: #000000;
font-weight: normal;
}
table.left { 
/* this edits the menu module */
border: 1px solid #a1a1a1;
width: 110px;
background-color: #000000;
font: normal 10.5px Verdana;
text-transform: lowercase;
font-weight:bold;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px dashed #000000;
background-color: #000000;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C6A797,endColorStr=#E9D5C8)
width: 380px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #B17E3C;
font: 10.5px Verdana;
text-transform: lowercase;
color: #000000;
border: 1px double #cccccc;
font-weight:bold;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #B17E3C;
border: 1px double #ffffff;
font: 10.5px Verdana;
text-transform: lowercase;
font-weight:bold;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transparent; 
border: 1px solid #000000;
font: 9px Verdana;
text-transform: lowercase;
font-weight: bold;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #cccccc;
font-weight:bold;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width:360px;
}
table.footer {
display: none;
} 
.mainleft {
width: 0px;
padding: 1px;
}
hr {
/* horizontal divider */
border: 0px solid #transparent;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width: 0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {
display: none;
}
</style> 
<div class="header" style="overflow: visible; margin-right: 415px; margin-top: -50px; width: 195px;">
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">THe perfection</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader"> 
<STRONG><IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 100px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://layouts.cbimg6.com/22/11218f.png"></A>Name|</STRONG> --<BR><STRONG>Gender|</STRONG> --<BR><STRONG>Locale|</STRONG>--<BR><STRONG>Likes|</STRONG>--<BR><STRONG>Dislikes|</STRONG>--<BR><STRONG>My Dreams|</STRONG>--<BR><STRONG>Email|</STRONG>--<BR></td>
</tr>
</table></br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">a perfect's guide</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader">  
<b></b> <a
href="http://www.xanga.com">xanga</A></br>
<b></b><a
href="http://www.xanga.com/signin.aspx"> sign in </a> or <a
href="http://www.xanga.com/logout.aspx"> log out</a>
<BR><b></b> <a
href="http://www.xanga.com/Private">home</A>
<BR><b></b> <a
href="http://www.xanga.com/CLAF/default.asp">look<b>&</b>feel</A>
<BR><b></b> <a
href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME">subscribe</a>
<BR><b></b> <a
href="http://www.xanga.com/private/subs.aspx">subscriptions</A></td>
</tr>
</table><br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">title</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader"> 
Anything you want goes here. Use your imagination =D</td></tr> 
</td>
</tr>
</table><br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">the non-flawed</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader">
<b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br><b><</b> <a href=YOUR FRIEND'S URL HERE>YOUR FRIEND</A><br></td>
</tr>
</table><br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">the common</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader">
<marquee behavior=scroll direction="right" scrollamount="4" width="190" height="35" onmouseover='this.stop()' onmouseout='this.start()'><a href="http://xanga.com/AmaixDokixDesigns" target="_blank"><img src="http://layouts.cbimg6.com/22/11218g.jpg" border="0" alt="AmaixDokixDesigns" width="88" height="31"></a></marquee>
<br> 
Add other affies.
</td>
</tr>
</table><br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">pronouced</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader">
Put your c-box, tagboard, etc. here</td>
</tr>
</table><br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">Melodies</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader">
Put your darkplayer here or just name the song you currently have.</td>
</tr>
</table><br>
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" p class="DOKIheader" style="border-collapse: collapse" align="center">
<td height="12" valign="top" bgcolor="#031A2E" p class=" DOKINaviHeader">the perfectionist</td>
</tr>
<td bgcolor="#transparent" p class="DOKIHeader">
<br><strong>Made with:</strong>Adobe Photoshop 7
<br><strong>Made by:</strong><a
href="http://www.xanga.com/AmaixDokixDesigns">Teh Doki</A>
<br><strong>Special Thanks to:</strong><a
href="http://www.xanga.com/HyashixTenshi">Rikku</A>
</td>
</tr>
</table><br>
</div>
</tr>
</table><br>
<div style="position: static; margin-right: 3px; margin-top: -820px; border: 0px solid #ffffff; width: 461px; background: none;">

Layout Comments

Showing latest 5 of 5 comments

Utada Hikaru is a great singer. You made the layout just as beautiful as her voice & she is!

By Viet_La_Amour on Jun 12, 2006 4:46 pm

OMG UTADA IS SOO HOTT ^^

By LiloOpyAsIaNxD on Jun 5, 2006 4:24 am

Hey beautiful layout ^___^

By NinjaxMageLayouts on Jun 4, 2006 7:58 pm

thats awsome! except maybe you should make the left match the color ya know?other then that... thats awsome.

By Animeloverhk93 on May 30, 2006 4:15 pm

omg I LOVE IT!! its perfect haha

By HelplessCry on May 27, 2006 10:20 am

Layout Details

Designer	sorachan93
Submitted on	May 25, 2006
Page views	17,407
Favorites	19
Comments	5

UTADA HIKARU :: Perfect

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates