boats&birds

Designer's Comments

Look carefully for specific instructions

A layout featuring Tomoyo Daidouji from Cardcaptor Sakura (カードキャプターさくら), a great-great-great manga from CLAMP. I personally love Tomoyo, she's such a calm and understanding character. If you read the manga, you might even understand the lyrics that go along with the layout. The lyrics are from the song "Boats and Birds" by Gregory and the Hawk.

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 border="0">
<tr>
<td>

<font class="x">
<span class="navi">if you be my boat</span><br>
<span class="small">    profile</span>
<tr>
<td>
<p class="menubottom">
<br>
<font color="#A894A3">N A M E:</font> ?<br>
<font color="#A894A3">A G E:</font> ??<br>
<font color="#A894A3">D O B:</font> ?-??-??<br>
<font color="#A894A3">S E X:</font> !?<br>
<font color="#A894A3">H O B B I E S:</font> ???????<br>
<tr>
<td>
<font class="x">
<span class="navi">i'll be your sea</span><br>
<span class="small">    navigation</span>
<tr>
<td>
<p class="menubottom">
<table align="center">
<tr><td width="50%" align="center"><div align="justify">
<a href="http://xanga.com">xanga</a><br>
<a href="http://xanga.com/USERNAME">weblog</a><br>
<a href="http://www.xanga.com/private/home.aspx?">private</a><br>
<a href="http://www.xanga.com/CLAF/default.asp">look & feel</a><br>
<a href="http://www.xanga.com/profile.aspx?user=USERNAME">profile</a>
</td>
<td width="10%"></td>
<td width="50%" align="right"><div align="justify">
<a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">guestbook</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">add me</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">subscriptions</a><br>
<a href="http://xanga.com/signin.aspx">sign in</a><br>
<a href="http://xanga.com/logout.aspx">log out</a>
</td></table>
<tr>
<td>
<font class="x">
<span class="navi">a depth of pure blue</span><br>
<span class="small">    toys</span>
<tr>
<td>
<p class="menubottom">
Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! 
<tr>
<td>
<font class="x">
<span class="navi">just to probe curiosity</span><br>
<span class="small">    admired</span>
<tr>
<td>
<p class="menubottom">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="33%" valign="top">
» <a href="http://xanga.com/USERNAME">friend</a>
<br>» <a href="http://xanga.com/USERNAME">friend</a>
<br> » <a href="http://xanga.com/USERNAME">friend</a>
<br> » <a href="http://xanga.com/USERNAME">friend</a>
</td>
<td width="34%" valign="top">
» <a href="http://xanga.com/USERNAME">friend</a>
<br> » <a href="http://xanga.com/USERNAME">friend</a><br> » <a href="http://www.xanga.com/USERNAME">friend</a>
<br> » <a href="http://xanga.com/USERNAME">friend</a> 
</td></tr>
</table>
<tr>
<td>
<font class="x">
<span class="navi">ebbing and flowing</span><br>
<span class="small">    header</span>
<tr>
<td>
<p class="menubottom">
Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! 
<tr>
<td>
<font class="x">
<span class="navi">and pushed by a breeze</span><br>
<span class="small">    header</span>
<tr>
<td>
Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! Put whatever you want here! 
<tr>
<td>
<font class="x">
<span class="navi">i live to make you free</span><br>
<span class="small">    credits</span>
<tr>
<td>
<p class="menubottom">
CREATOR- <a href="http://hiimeka.createblog.com/">hiimeka</a><br>
LYRICS - Gregory&TheHawk - Boats&Birds<br>
PICTURES- <a href="http://www.vnmanga.com">VN Manga</a><br>
CODES- <a href="http://miyashu.createblog.com/layouts/">Momo</a><br>

</td>
</tr>
</table>
</div>

p.menubottom {
/* edits the menu modules */
 background-color:transparent;
 font-family:verdana;
 color: #e2cfc1;
 font-size:10px;
 text-align: left;
 }
div.blog {
width:465px;
margin-left: 280px;
margin-top:-1051px;
background-color:transparent;
}
/* Navigation */

.nav {
width: 590px;
height:26px;
margin: 0 auto 0 auto;
}
.nav li {
float: left;
}
.nav li a, nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: #D4C9CF;
background-color: #F7F4EE;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:visited {
display: block;
font: bold 18px arial narrow;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration: none;
color: #D4C9CF;
background-color: #FFFFFF;
text-decoration:none;
text-transform:uppercase;
margin: 0 5px 0 5px;
}
.nav li a:hover { 
color: #FFFFFF;
font: bold 18px arial narrow;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color: #FFFFFF;
}

/* Sidebar */

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:-2px; 
font-weight:bold; 
line-height:13px;
color:f6dccd;
background-color: #FFFFFF;
}
.small {
font-family:arial;
font-size:11px; 
font-weight:bold; 
letter-spacing:2px;
color:747A7C;
}
</style>

<div align="left" class="blog">
<script>document.title="boats&birds"</script>

Layout Comments

Showing latest 4 of 4 comments

Aww :D Is that Madison from cardcaptors?? :P

By XbreathlessWhispersX on Mar 31, 2009 3:44 pm

nice job

By IVIike on Dec 26, 2007 9:46 pm

How pretty! The main text color is a little too light, but it's all still lovely. [:

By Synesthesia on Dec 25, 2007 12:28 pm

This is a lovely concept and the colours and techniques you've used are fantastic. I think you could jazz things up a little more though, but it's a very serene and soothing layout!

By S-Majere on Dec 25, 2007 8:47 am