Muse

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;}

.backtrack{position: absolute; width:800px; height: 1000px; top:0px; left: 50%; margin-left: -400px; background-color: transparent; z-index: 0; display:inline;visibility:visible;}

.navigation{position: absolute; width: 130px; height:  140px; top: 192px; left: 50%;  margin-left: -367px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

a.nav1 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816aa.gif);}
a.nav1:hover {background-position: bottom right;}

a.nav2 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816ab.gif);}
a.nav2:hover {background-position: bottom right;}

a.nav3 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816ac.gif);}
a.nav3:hover {background-position: bottom right;}

a.nav4 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816ad.gif);}
a.nav4:hover {background-position: bottom right;}

a.nav5 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816ae.gif);}
a.nav5:hover {background-position: bottom right;}

a.nav6 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816af.gif);}
a.nav6:hover {background-position: bottom right;}

a.nav7 {display:block; background-position:top right;
height:20px; width:130px;
background-image:url(http://cbimg6.com/layouts/07/08/20/20816ag.gif);}
a.nav7:hover {background-position: bottom right;}

.section1{position: absolute; width: 218px; height:  244px; top: 379px; left: 50%;  margin-left: -314px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.section2{position: absolute; width: 288px; height:  113px; top: 711px; left: 50%;  margin-left: -377px; background-color: none;  overflow:auto; z-index: 3; display:inline;visibility:visible;}

.peeps{position: absolute; width:472px; height:75px; top: 794px; left: 50%;  margin-left: -91px; background-color: none; z-index: 3; display:inline;visibility:visible;}

.mycomments{visibility:visible;width:400px; height:127px;position:absolute;
top:858px; left:50%; margin-left:-22px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:9; display:inline;visibility:visible;}

.addcom {position: absolute; width:178px; height:127px;
top: 858px; left: 50%;  margin-left: -220px; 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:#FFFFFF}
div b font font, div font font u {display:none;}
body {background-color:000000; background-image: url(); background-position: top center; background-repeat:repeat-y}

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:ffffff; 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:ffffff; 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: 8C0000;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:178px!important; height:90px!important;"

style="overflow:auto;">comment here please</textarea><input type="image" src="http://img46.imageshack.us/img46/3653/submithn6.gif"/>
</form></center></div>

<div class="section1"><img src="http://cbimg6.com/layouts/07/08/20/20816ai.jpg" width="120" height="120" align="left">Fill this with info about yourself because I have to to illustrate my point. I really 
don't care about the spelling of this section if you haven;t noticed. Fill this with your interestes such as 
bowling, stamp collecting, underwater basket weaving. Wow, you're a nerd. and now I'll leave because I think 
I've fleshed this out enough. If this keeps going I'm going to have to start quoting Latin or Sherlock Holmes

;)
</div>

<div class="section2">Voilà! In view, a humble vaudevillian veteran, cast vicariously as both victim and 
villain by the vicissitudes of Fate. This visage, no mere veneer of vanity, is it vestige of the vox populi, 
now vacant, vanished. However, this valorous visitation of a by-gone vexation, stands vivified, and has vowed 
to vanquish these venal and virulent vermin vanguarding vice and vouchsafing the violently vicious and 
voracious violation of volition. The only verdict is vengeance; a vendetta, held as a votive, not in vain, for 
the value and veracity of such shall one day vindicate the vigilant and the virtuous. Verily, this vichyssoise 
of verbiage veers most verbose so let me simply add that it’s my very good honor to meet you and you may call 
me V
<br><br>

nerds......</div>

</center>
</div>

Layout Comments

Showing latest 5 of 5 comments

best band ever
great layout
the blue swirls could be a little more bright, like glowing perhaps?
its still very good though :)

By pluginbliss on Aug 2, 2008 5:40 pm

wow :D
It's really good.

I'm surprised by the number of pageviews :/
should be a whole lot more.

By lolitalove on Oct 6, 2007 5:59 pm

i love this layout and i love muse. except the font changes to black whenever i try to install it and i cant read anything. and i tried to change it back to white but then the text just doesnt show up at all.

By erica17 on Aug 22, 2007 11:23 pm

this is pretty cool. i love the navigation but it would be nice if the content boxes were aligned. good job :P

By gabieANARCHY on Aug 21, 2007 10:23 pm

I love muse! The layout is a little boring though. The navigation is cool though.

By schizo on Aug 21, 2007 11:07 am

Layout Details

Designer	protos
Submitted on	Aug 20, 2007
Page views	10,273
Favorites	36
Comments	5
Reviewer	IVIike
Approved on	Aug 20, 2007

Muse

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates