Lost in Stereo

Designer's Comments

Look carefully for specific instructions

IF IT LOOKS MISALIGNED TRY HITTING REFRESH.

Credits: Layout tutorials I followed for this code came from here and here. Comment box tutorial came from here. Centered with this this tutorial and ad fixed with help thanks to her.

Etc: Image by me, lyrics by All Time Low. All other credits are on the bottom of the layout. I know that there are things wrong with it but I've been fiddling around with it for forever and this is how I'm leaving it.

Do what you want with the code as always, although it'd probably just be easier to follow the tutorials above.

Tested in IE.

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>
body{
background-image: url('http://cbimg6.com/layouts/09/08/35496aa.png');
background-color: 000000;
background-repeat: repeat;
background-position: center center;
scrollbar-arrow-color:333333;
scrollbar-track-color:AD4B4A;
scrollbar-shadow-color:AD4B4A;
scrollbar-face-color:991D23;
scrollbar-highlight-color:AD4B4A;
scrollbar-darkshadow-color:AD4B4A;
scrollbar-3dlight-color:AD4B4A;}

font, body, table, td, div, h2, br, a, p {font-family:arial; font-size:11px; color:000000; background-color:none; text-transform:none; text-decoration:none; font-weight:none;line-height:12pt;}

.text, .redtext, .redbtext {font:normal 11px arial; color:950101; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.orangetext15, .nametext {font-family: arial; color: 950101; font-weight: bold; font-size: 11px; letter-spacing: 0px;}
.lightbluetext8, .blacktext12, .whitetext12, .blacktext10 {font-family:arial; font-size:11px;  color:950101; font-weight:bold;border:0px; text-transform: none;}

a{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a:link{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a:active{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a:visited{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.redlink{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:link{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:active{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:visited{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.navbar{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:link{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:active{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:visited{color:  A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:hover{ color: 950101; text-decoration:none; font-size: 11px; font-family: arial; cursor: default;}

a:link, a.man{color: A04446; text-decoration: none; font-size: 11px;  font-family: arial;}
a:active{color: A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a:visited{color: A04446; text-decoration: none; font-size: 11px;  font-family: arial;}
a:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.text:link{color: A04446; text-decoration: none; font-size: 11px;  font-family: arial;}
a.text:visited{color: A04446; text-decoration: none; font-size: 11px; font-family: arial;}
a.text:hover{ color: 950101; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

table table div form {display:inline !important;}.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,btext,.redtext,.redbtext{display:none;height:0px;!important;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;!important;border:0px;!important}a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}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;}table div div{visibility:hidden;!important;}table table table table,table table table table td.text, td.text td.text table{display:none;}body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}div div, div td {background-color:transparent; background-image:none!important;}div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} .profile, div ul {display:none !important;}

.standard b, p b, B, strong {
font-family:arial; font-size:11px; color:800000; font-weight:bold;border:0px;}

h1 {
background-image: url('http://cbimg6.com/layouts/09/08/35496ab.png');
border-bottom: 4px solid; 
border-color:991D23;
font: 195%/1.4em "courier new", serif; 
line-height: 24px;
text-transform:uppercase;
letter-spacing: -2px;
color: 333333;
font-weight: bold;
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
}

p {padding: 5px;margin-top: 5px;
margin-bottom: 5px;}

a.nav:link, a.nav:visited, a.nav:active {
   background-color:B75355;
   color:333333;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left:5px solid; 
   border-bottom:1px solid; 
   border-color:6D6D6D;
   font: 175%/1.4em "courier new", serif; 
   line-height: 19px;
   letter-spacing: 2px;
   text-transform: uppercase;
   padding-left: 10px;
   font-weight: bold;}

a.nav:hover {
   background-color: A04446;
   color:000000;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left:5px solid; 
   border-bottom:1px solid; 
   border-color:5E5E5E;
   font: 175%/1.4em "courier new", serif; 
   line-height: 19px;
   letter-spacing: 2px;
   text-transform: uppercase;
   padding-left: 10px;
   font-weight: bold;}

a img {
border: 0 none;
}

img {
border: 0 none;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>About Me</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus ultricies sem, non volutpat lacus rutrum eu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus semper dolor a metus tincidunt rutrum. Aliquam erat volutpat. Etiam purus lacus, tincidunt eget semper eu, pellentesque quis nunc. Nulla sagittis vestibulum velit ut sagittis. Cras risus eros, congue a rutrum eu, imperdiet ut velit. Fusce auctor suscipit neque ac pulvinar. Aenean et posuere velit. Proin enim est, ornare id ultricies sed, eleifend in massa. Duis rutrum massa nec purus accumsan lacinia. In laoreet, eros ac sagittis sagittis, mauris diam molestie massa, et rhoncus risus libero vel augue. Mauris ligula enim, tincidunt sit amet tempus venenatis, dignissim eu libero. Vivamus venenatis nisi in nisl interdum eu ultrices nunc aliquam.

</p>

<h1>Extra Header</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus ultricies sem, non volutpat lacus rutrum eu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus semper dolor a metus tincidunt rutrum. Aliquam erat volutpat. Etiam purus lacus, tincidunt eget semper eu, pellentesque quis nunc. Nulla sagittis vestibulum velit ut sagittis. Cras risus eros, congue a rutrum eu, imperdiet ut velit. Fusce auctor suscipit neque ac pulvinar. Aenean et posuere velit. Proin enim est, ornare id ultricies sed, eleifend in massa. Duis rutrum massa nec purus accumsan lacinia. In laoreet, eros ac sagittis sagittis, mauris diam molestie massa, et rhoncus risus libero vel augue. Mauris ligula enim, tincidunt sit amet tempus venenatis, dignissim eu libero. Vivamus venenatis nisi in nisl interdum eu ultrices nunc aliquam.
<p>

<h1>Friends</h1>
<p>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/08/35496ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/08/35496ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/08/35496ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/08/35496ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/08/35496ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/08/35496ad.png" /></a>
</p>

</div>

<h1>Stats</h1>
<p><img src="http://cbimg6.com/layouts/09/08/35496ae.png" alt="" align="left" />  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus ultricies sem, non volutpat lacus rutrum eu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus semper dolor a metus tincidunt rutrum. 
<p>

<h1>Navigate</h1>
<p>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX" class="nav">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX" class="nav">Message Me</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=XXXXXXXX" class="nav">My Blog</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="nav">Block Me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=XXXXXXXX&albumid=0" class="nav">View Pics</a>
</p>

<h1>Comment</h1>
<p>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" />
<textarea name="f_comments" style="font-family:courier new; color:000000; font-size:12px; font-weight:bold; text-transform:none; letter-spacing:0px; width:170px; height:70px; padding:1px; text-align: left; background-color:eeeeee; border-color:000000; border-width:1px; border-style:solid; overflow:hidden; background-image:url();">She's out of control, so beautiful</textarea><br />
<input style="font-family:courier new; text-transform:none; color:000000; font-weight:bold; letter-spacing:0px; font-size:12px; width:170px; height:20px; 
background-color:eeeeee; border-color:000000; border-width:1px; border-style:solid; text-align: center;  background-image:url();" type="submit" value="Submit" />
</form></center>
<p>

<h1>Music</h1>
<p>
<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="68" width="160" style="width:160px;height:68px">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://cbimg6.com/layouts/09/08/35496af.swf" />
  <param name="wmode" value="transparent" />
  <param name="quality" value="high" />
  <param name="scale" value="noscale" />
  <param name="salign" value="TL" />
  <param name="flashvars" value="myid=27089070&path=2009/08/10&mycolor=D13038&mycolor2=0a0a0a&mycolor3=ababab&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=160&oh=68" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://cbimg6.com/layouts/09/08/35496af.swf" height="68" width="160" style="width:160px;height:68px" wmode="transparent" quality="high" scale="noscale" salign="TL" flashvars="myid=27089070&path=2009/08/10&mycolor=D13038&mycolor2=0a0a0a&mycolor3=ababab&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=160&oh=68" />
</object></p></center>

<h1>Credits</h1>
<p>
<br /><b>Designer:</b> <a href="http://sweetalacrity.createblog.com/">SweetAlacrity </a>.
<br /><b>Resources:</b> <a href="http://masterjinn.deviantart.com/" target="_blank">&</a>, <a 
href="http://jetspray.org/" target="_blank">&</a>, <a href="http://www.hybrid-genesis.com/" target="_blank">&</a>, <a

href="http://streetcarcircus.net/" target="_blank">&</a>, <a href="http://www.fairytaled.serenita-designs.org/" target="_blank">&</a>, <a href="http://horizonroad.themonkeybox.net/" target="_blank">&</a>.
</p></div>