Motion City Soundtrack

Myspace Layouts / Div Overlay

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">
.redbtext,.redtext{font: Arial; color:white}
.orangetext15, .nametext, div b font font, div font font u, table table table table, table.contacttable {display:none; visibility:hidden;}

.backtrack1{position: absolute; width:800px; height: 200px; top:0px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}
.backtrack2{position: absolute; width:800px; height: 200px; top:200px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}
.backtrack3{position: absolute; width:800px; height: 200px; top:400px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}
.backtrack4{position: absolute; width:800px; height: 200px; top:600px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}
.backtrack5{position: absolute; width:800px; height: 200px; top:800px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}
.backtrack6{position: absolute; width:800px; height: 200px; top:1000px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}

.section1{position: absolute; width: 378px; height:  239px; top: 380px; left: 50%;  margin-left: -390px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.section2{position: absolute; width: 378px; height:  217px; top: 452px; left: 50%;  margin-left: 15px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.mycomments{visibility:visible;width:406px; height:146px;position:absolute;
top:1036px; left:50%; margin-left:-24px; 
overflow:auto;background-color: none;
border:black 0px solid;z-index:9; display:inline;visibility:visible;}

.addcom {position: absolute; width:180px; height:145px;
top: 1038px; left: 50%;  margin-left: -204px; background-color: none; border: none; overflow:auto; z-index: 3; display:inline;visibility:visible;}

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}

redtext{color:#a8eaf8}
div b font font, div font font u, .whitetext12 {display:none;}
body {background-color:1a96b4; }

table, tr, td {background-color: transparent; border: 0px}
Table, Td{ background-color:transparent; }
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, 
a.searchlinkSmall:visited {color:FFFFFF; font-weight:normal; font-style:normal;} 
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:c34f83; font-weight:normal; text-decoration:underline ; font-style:normal;} 
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover,
a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:c34f83; font-weight:normal; font-style:normal; } 
table, td, div, p {background: transparent;}
a.searchlinkSmall:link, a.searchlinkSmall:visited, a.searchlinkSmall:active, a.searchlinkSmall:hover, a.navbar:link, a.navbar:visited, a.navbar:active, a.navbar:hover{color: c34f83;font-size: 2px;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

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 table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}

div table form tr td, a.text, table div div,{visibility:hidden; display:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="addcom"><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" wrap=virtual cols="1" rows="1"  style="background-color: transparent; color:FFFFFF; font-family: Arial; font-size: 12px; border: none;  width:154px!important; height:100px!important;" style="overflow:auto;">comment here please