Tokio Hotel

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace "XXXXXXX" with your ID
Here's an example.

(Replacing XXXXXX and anythingelse are all found in the I'd like to meet section)

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
 img { filter:;}
 a img{ filter:blur;}
 a:hover img{ filter:Gray;}
</style>

}

</style>

.div{
position: absolute; 
left: 20%;
margin-left:20px; 
top: 100px;  
z-index: 0;}

.section1{
position: absolute; 
left: 20%; 
margin-left:200px; 
top: 478px; 
z-index:0 
width:  410px; 
height: 100px; 
overflow: auto;}

.section2{
position: absolute; 
left: 20%; 
margin-left:28px; 
top: 525px; 
z-index:5;
width:  337px; 
height: 280px; 
overflow: auto;}

.section3{
position: absolute; 
left: 20%; 
margin-left:-20px; 
top: 520px; 
z-index:0 
width:  100px; 
height: 250px; 
overflow: auto;}

.section4{
position: absolute; 
left: 20%; 
margin-left:30px; 
top: 830px; 
z-index:0 
width:  100px; 
height: 100px; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 10px verdana; 
color:ffffff; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 320px; 
height: 280px; 
color: 000000; 
font:7px small fonts; 
text-transform:; 
border: solid 1px 00000;}

a:active,a:visited,a:link,a{
	color:000000;
	font-size:10px;
	margin-top:1px;
	cursor:crosshair;
	font-weight:normal;
	letter-spacing:1px;
	font-family:teen;
	text-decoration:none;
	text-transform:none;
}
a:hover{
	color:ffffff;
	font-size:10px;
	margin-top:1px;
	cursor:crosshair;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:;}
 
a:hover{ background-image : url(http://cbimg6.com/layouts/07/10/01/22025ab.png); 
}

.standard b, p b, B, strong {
font-family:small fonts; 
font-size:9px; 
color:cccccc; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="section2">
<span class="header">Basics</span>

<br>
<br>
<img src="http://cbimg6.com/layouts/07/10/01/22025ad.png" width=70 align=left><B>Name:</b><BR>
<B>Age:</b><br>
<B>Sex:</b><br>
<B>Location:</b><br>
<B>Status:</b><br>
<br>
<br>
<br>
<span class="header">About me</span>
<br>
likes,dislikes,favorites,music,interests,hobbies,ect.
<br>
<br>
<br>
<span class="header">Title</span>
<br>
rename title and put whatever you want here or delete it
<br>
</form></center></div>

</center> </center>
</div>

<div class="section3">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">lets talk</a>
<br>
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">see me</a>
<br>
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>
<br>
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX ">friends?</a>
<br>
<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
<br>
<br>
<a href="http://www.myspace.com/myspaceim?MyToken=bef36b5e-cb26-48a2-9573-a4e483ed9285">IM</a>
<br>
<br>
<a href=" http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=0">favorite</a>
<br>
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
<br>
<br>
<a href="http://myspace.com/">home</a>
</div>

Layout Comments

Showing latest 10 of 17 comments

I like it, because this band is awesome, amazing, wonderful, talented, great, and have the best lead singer in the world, but I wish the picture was bigger or closer up.

By thatgurl16 on Aug 4, 2008 3:56 pm

I lovee TH,
this layout is amazing, kudos doll :D

By SaturdayRiot on Apr 26, 2008 7:50 pm

Kelcy-

In the I'd like to meet code, replace the url found right under basics with the photo you desire
-remember that the photo needs to be small, the photo I have at the moment is 70x89

By lolitalove on Mar 18, 2008 5:08 am