Innocence is Out of Style

Designer's Comments

Look carefully for specific instructions

You can create your own player with your own playlist at your favorite flash mp3 player site. Just keep the dimensions under 220x134.

You can change where it says "I am not here, I'm not listening/I'm in my head and I'm spinning" simply by replacing the text in the code.

You can replace the icon with any picture you like and it will link to your pictures. Just keep it under 100x200.

You can change the text in the comment box by replacing it in the code.

Hope you like the layout as much as I do (and appreciate how long it took to get the lighting right in the background image)! Check out more things I've done by visiting my site!

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 type="text/css">
body {background-image:url(http://cbimg6.com/layouts/08/08/30941aa.png); background-position:bottom left; background-repeat:no-repeat; background-color:000000; background-attachment:fixed; scrollbar-face-color:000000;scrollbar-3dlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 000000;scrollbar-arrow-color: 8a1b05;scrollbar-highlight-color: 000000;}

.bg {position:absolute; top:225px; left:750px; width:400px; height:550px; z-index:1;}

.abt1 {position:absolute; width:400px; height:540px; left:780px; top:235px; color:8a1b05; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; scrollbar-face-color:000000;scrollbar-3dlight-color: 3d1f0d;scrollbar-shadow-color: 000000;scrollbar-track-color:000000;scrollbar-darkshadow-color: 3d1f0d;scrollbar-arrow-color: 8a1b05;scrollbar-highlight-color: 000000; z-index:2; overflow:auto;}

.bg2 {position:absolute; z-index:1; top:91px; left:80px; height:200px; width:940px;}
.headline {
	position:absolute;
	z-index:2;
	top:91px;
	left:198px;
	height: 123px;
	width: 364px;
	font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); font-size:24px; color:8a1b05;
}

.music {position:absolute; z-index:2; top:91px; left:800px; height:134px; width:220px;}
.pic {position:absolute; z-index:2; top:91px; left:90px; height:100px; width:100px;}
.cmt {position:absolute; z-index:2; top:91px; left:565px; height:145px; width:235px;}

.navi {
	position:absolute;
	left:206px;
	top:218px;
	width:570px;
	height:16px;
	color:8a1b05;
	font-weight:bold;
	font-size:14px;
	z-index:8;
}

p {color:8a1b05; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a:link, a:active, a:visited {background-color:000000; color:444444; text-decoration:none; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); font-weight:lighter;}
a:hover {background-color:000000; color:3d1f0d; text-decoration:none; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); font-weight:lighter;}

a.navl:link, a.navl:active, a.navl:visited {background-color:transparent; color:444444; text-decoration:none; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); font-size:16px;}
a.navl:hover {background-color:transparent; color:3d1f0d; text-decoration:none; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); font-size:16px;}

a:link img, a:active img, a:visited img, a:hover img {border-width:0px;}

b {color:444444; background-color:3d1f0d; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); }

i {color:572f16; letter-spacing:-1px; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/");  font-weight:lighter;}

u {color:3d1f0d; border-bottom-color:572f16; border-bottom-width:2px; border-bottom-style:solid; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/");  font-weight:lighter;}
 
h1 {background-color:000000; color:444444; font-family:"BankGothic Md BT"; src: url("http://www.fileden.com/files/2007/12/20/1655285/"); font-size:16px;  font-weight:lighter;}
</style>
<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}</style>
<style>
     div div table div {display:none;} .clearfix table div div {display:block;}
     tr td div, div td, div tr, div table {background-color:transparent !important;}
     .profile, div ul {display:none !important; }</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navi">
<center><a class="navl" href="http://home.myspace.com/index.cfm?fuseaction=user">home</a>|<a class="navl" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a>|<a class="navl" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a>|<a class="navl" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view comments</a>|<a class="navl" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>|<a class="navl" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>|<a class="navl" href="http://collect.myspace.com/index.cfm?fueaction=block.blockUser&userID=XXXXXXXX">block</a>|<a class="navl" href="http://home.comcast.net/~reject.layouts/" target="_blank">credit</a></center></div>

<div class="headline">I am not here, I'm not listening.<br />
I'm in my head and I'm spinning.</div>

<div class="cmt"><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 230px; height: 100px; border-width: 1px; border-style: solid; border-color: 8a1b05; font-family:'BankGothic Md BT'; src: url('http://www.fileden.com/files/2007/12/20/1655285/'); font-size: 14px; color: 8a1b05; overflow:auto; background-color:transparent;">Is this who you are?
Some sweet violent urge
A weak fallen man
With the promise of an end?</textarea><br><input value="All the pretty people died" style="border-width: 1px; border-style: solid; border-color: 8a1b05; width:230px; font-family:'BankGothic Md BT'; src: url('http://www.fileden.com/files/2007/12/20/1655285/'); font-size: 12px; color: 8a1b05; background-color:transparent;" type="submit"></form></center></div>

<div class="abt1">
<h1>CSS Elements</h1>
Text <b>bold</b> <i>italic</i> <u>underlined</u> <a href="http://home.comcast.net/~reject.layouts/">link</a>
  <h1>Layout Comments</h1>
  You can create your own player with your own playlist at your favorite flash mp3 player site. Just keep the dimensions under 220x134.<br /><Br />

You can change where it says "I am not here, I'm not listening/I'm in my head and I'm spinning" simply by replacing the text in the code.<br /><br />

You can replace the icon with any picture you like and it will link to your pictures. Just keep it under 100x200.<br /><br />

You can change the text in the comment box by replacing it in the code.
<h1><u>Fallen</u> by 30 Seconds to Mars</h1><p>Yeah, I've been to Jupiter<br>
    And I've fallen through the air<br>
    I used to live out on the moon<br>
    But now I'm back here down on earth <br>
    Why are you here?<br>
    Are you listening?<br>
    Can you hear what I am saying?<br>
    I am not here, I'm not listening<br>
    I'm in my head and I'm spinning</p>
  <p>Is this who you are?<br>
    Some sweet violent urge<br>
    A weak fallen man<br>
    With the promise of an end?</p>
  <p>All the pretty people died<br>
    <b>Innocence is out of style</b><br>
    All the whores have gone away<br>
    Now there's nothing left for me</p>
  <p>Why are you here, are you listening?<br>
    Can you hear what I am saying?<br>
    I am not here, I'm not listening<br>
    I'm in my head and I'm spinning</p>
  <p>Is this who you are?<br>
    Some sweet violent urge<br>
    A weak fallen man<br>
    With the promise of an end?</p>
  <p>Is this who you are?<br>
    Some sweet violent urge<br>
    A weak fallen man<br>
    With the promise of an end?</p>
</div>