Tokio Hotel

Designer's Comments

Look carefully for specific instructions

Replace USERNAME with your username etc... Other than that, please keep the credits intact and you'll be fine.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

EDIT: it might misalign in the createblog preview. if that's the case, please visit this site for a working preview.

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>

<p class="nav">willkommen</p>
<tr>
<td>
<p class="menubottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. <br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. 
<tr>
<td>
<p class="nav">navigation</p>
<tr>
<td>
<p class="menu">
<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/signin.aspx">sign in</a>
<a href="http://www.xanga.com">xanga</a>
<a href="http://www.xanga.com/private/home.aspx?">private</a>
<a href="http://www.xanga.com/CLAF">look & feel</a>
<a href="http://www.xanga.com/profile.aspx?user=USERNAME">profile</a>
</td>
<td width="34%" valign="top">
<a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">guestbook</a>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">subscribe</a>
<a href="http://www.xanga.com/Private/subs.aspx">subscriptions</a>
<a href="http://xanga.com/logout.aspx">log out</a>
<a href="mailto:YOUREMAIL@SITE.com" target="_blank">email</a>
</td></tr>
</table>
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. 
<tr>
<td>
<p class="nav">reads</p>
<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://www.xanga.com/">link</a>
<br>» <a href="http://www.xanga.com/">link</a>
<br> » <a href="http://xanga.com/">link</a>
<br> » <a href="http://xanga.com/">link</a>
</td>
<td width="34%" valign="top">
» <a href="http://xanga.com">link</a>
<br> » <a href="http://xanga.com/">link</a><br> » <a href="http://xanga.com/">link</a>
<br> » <a href="http://xanga.com/">link</a> 
</td>
<td width="33%" valign="top">
 » <a href="http://xanga.com/">link</a>
<br> » <a href="http://xanga.com/">link</a>
<br> » <a href="http://xanga.com">link</a>
<br> » <a href="http://xanga.com/">link</a>
</td></tr>
</table>
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. 
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor rhoncus ipsum. In hac habitasse platea dictumst. Duis porta lacinia sapien. Suspendisse bibendum. In pretium sapien ac ante. Nunc iaculis velit ac ligula. Donec posuere aliquam lectus. Mauris urna dolor, ultricies a, bibendum quis, nonummy nec, risus. Nullam diam mauris, viverra id, gravida sit amet, sollicitudin ac, neque. Aliquam erat. 
<tr>
<td>
<p class="nav">disclaimer</p>
<tr>
<td>
<p class="menubottom">
Permanent credits go to <a href="http://xanga.com/momokuma" target="_blank">momo</a>, <a href="http://www.google.com" target="_blank">Google</a>, <a href="http://tokiohotel.pop24.de/uk/" target="_blank">Tokio Hotel</a>, and <a href="http://www.createblog.com" target="_blank">Createblog.com</a>.

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

.menu a:hover {
/* create the rollover effect of the link */
background: #99b56e;
color: #e0e0ac;
border-bottom: none;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
border: 0px;
background-color:d1d197;
padding:0px;
color:6c8e35;
text-align:right;
}
table.blogbody div.smalltext a:hover{
/* this edits hover style of blog entry footer links */
border-bottom: 0px;
}
.blogbody td { 
width:0px; 
padding-left:0px; 
}
hr {
display: none;
}
.blogbody b, .standard b, p b, strong {
color: 78643e;
}
p.nav {
/* edits the menu modules */
font-weight: bold;
font-family:courier new;
text-transform:none;
font-size:18px;
line-height:15px;
color:#000000;
background-color:#acd1c0;
text-align: right;
padding:4px;
letter-spacing:-2px;
border-bottom:7px solid #e6a58e;
 }

p.menubottom {
/* edits the menu modules */
 background: #eee3b1;
 font-family:trebuchet ms;
 color: #8c5d32;
 font-size:11px;
 line-height:13px;
 text-align: left;
 padding: 4px;
 }

p.menubottom a:link, 
p.menubottom a:visited, 
p.menutbottom a:active {
font-family: trebuchet ms;
color: 0989D7;
font-size:11px;
text-decoration: none;
text-transform:none;
}

p.menubottom a:hover {
text-decoration: none;
color: #F79FAE;

}
div.blog {
width:465px;
margin-left: 280px;
margin-top:-1575px;
background-color:transparent;
}
</style>

<div align="left" class="blog">
<script>document.title="through the MONSOON______TOKIO HOTEL*"</script>

Layout Comments

Showing latest 10 of 16 comments

I love this! I'm using it!
=]

By Jess-Dot-Net on Jun 23, 2008 7:54 am

cam you please make this a myspace layout? i LOVE it! you're so talented.

By purple-ai on Dec 28, 2007 3:27 pm

thank you everyone *heart*

By miyashu on Dec 1, 2007 10:02 am

This layout is awesome, unlike Tokio Hotel. :]

By JulietLovesTheBeat on Nov 25, 2007 12:10 pm

Best layout ive seen for Xanga in a long time!

By hernandez23 on Nov 25, 2007 12:45 am

AWESOME!

By JoannLeung on Nov 24, 2007 9:25 pm

yeayyyyy! I used to listen to them two years ago, when they sang in their own language (since they are from Germany). And now they sing in English!!! And I've heard that they are pretty big too ;)

By shiruji on Nov 24, 2007 8:20 am