Don't Jump (Tokio Hotel)

Designer's Comments

Look carefully for specific instructions

This is my first div overlay layout that features div frames. There isn't much to this layout cause i'm still slowly working out the kinks in my designs. But here it is.

Updated April 7, 2008: Updated coding, so now it looks more clean, fixed the css as well.

Tokio Hotel photo from: http://myspace.com/tokiohotel

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

body {background-color:111306; color:111306; font-size: 7pt; font-family:verdana;}

b,strong,s,i,cite,em,u{
color: C3B286;
font-size: 7pt;
cursor:default;
line-height:10px;
letter-spacing:0px;
font-family:verdana;
text-transform:uppercase;
}

a.nav:link, a.nav:visited, a.nav:active {color: C3B286; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;}

a.nav:hover {color: 000000; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;}

a:link    {color: C3B286; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;}

a:visited {color: C3B286; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;}

a:hover   {color: 000000; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;}

.head {color: C3B286; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 22pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
text-align: center;}

input, textarea, select
{background-color:44492b;
font-family: verdana; 
font-size: 7pt;
color: C3B286; 
border-style: dashed; 
border-color: C3B286;
border-width: 1px;}

EMBED{width:0px;height:0px;} div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} table table table embed {position:static;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;}
embed, object {display:block; width:0px; height:0px;}
 
.comments{visibility:visible;width:2px; height:1px;position:absolute;
top:200px;left:10px; 
overflow:auto;background-color:silver;font-family:georgia;
border:black 0px solid;z-index:2px;}

.orangetext15, .navbar, .contacttable {display:none;visibility:hidden;}

div table {background-color:transparent;}
td.text table {visibility:hidden;}
td.text table table, td.text table table td.text {visibility:visible;}
td td td td td div {background-color:transparent;}
td td td td td div strong {visibility:hidden;}
table table table {visibility:hidden;}

table, tr, td {background:transparent; border:0px;
color: 373123;}
table table table {background-color:transparent;
color: 373123;}

input {background-color:transparent !important;}
}
img {border:0px;}

.blacktext10 {display:block;}

a {color: C3B286; text-decoration: none;
font-family: "Palatino Linotype", serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
text-transform: lowercase;}

.r{}

.comt td, .comt table{width:0px!important; 
height:0px!important; 
background-color:transparent!important; 
border:0px!important; _padding:2px!important;} 
.comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;}

.comt td b, .blacktext10 {display:block;}

.comt {z-index:7;}

.comt {background-color:transparent; }

.blacktext10 {width: 320px;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}

td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;} td.text td.text td a {visibility:hidden;}

.a {hide friends and comments}
.a {without hiding the add comment link}
td.text td.text table,
td.text td.text td
{padding:0px; height:0px; font-size:0px;}
.redlink, td.text td.text .btext,
td.text td.text br,
td.text td.text td b,
td.text td.text td td,
td.text td.text td .orangetext15 {display:none;}
td.text td.text table {border:0px !important;}

.about_me{
width:382px; height:250; overflow: auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-181px; margin-top:180px;
visibility:visible;
font-family: Verdana;
letter-spacing:1px;
color: C3B286;
font-size: 7pt;
text-align: justify;
padding: 2px;}

.links{
width:382px; height:250; overflow: auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-173px; margin-top:153px;
visibility:visible;
font-family: Verdana;
letter-spacing:1px;
color: C3B286;
text-align: justify;
padding: 2px;}

</style>

<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a> - <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message</a> - <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add</a> - <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX5" class="nav">Friends</a> - <a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">Comments</a> - <a href="" target="_blank">harlequiiin</a>

</div>

<div class="head">About Me</div>
<b>bold</b> - <i>italics</i> - <u>underline</u> - <s>strikethrough</s> - <a href="#" target="_blank">link</a>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin elementum, turpis tempor fringilla mollis, nisl pede porttitor ipsum, commodo blandit massa est ac metus. Morbi placerat velit eget erat. Ut id nisl eget ligula dignissim lobortis. Nulla et metus. Vestibulum quis erat. Nam nunc nibh, auctor in, lobortis sed, sagittis in, justo. Sed augue dolor, condimentum ac, laoreet at, facilisis in, tellus. Nunc cursus turpis a ante. Fusce imperdiet tortor eget velit. Phasellus ligula leo, adipiscing quis, condimentum eget, rhoncus at, erat. Suspendisse massa nisl, vestibulum id, convallis eget, nonummy id, elit. Integer feugiat nisl ac diam.
<p>
<div class="head">Friends</div>
You can put your friends here, weither it's a list or some pictures etc.
<p>
<div class="head">Comment</div>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="56183579" type="hidden">
<textarea name="f_comments" cols="45" rows="5" class="comment">
PUT something catchy here.
</textarea>
<br><br>
<input value="Submit"type="Submit"class="comment"></input>
<input value="Reset"type="reset"class="comment"></input>
</form>
</center>

</font></div>