Wonder Girls (Nobody)

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

Nobody is a song by Wonder Girls, hence the title.

Tested in Firefox, Explorer, and Safari;
Background created in Gimp;
Images from jype.com;
Please do not remove credits; enjoy (:

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>
.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments, .userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 { display:none; }

body { background-color:fff; }

table, tr, td { background-color:transparent; }
div br { line-height:0; }

div, table, td, p, .text, font, textarea, input { font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;text-align:justify;text-decoration:none!important;color:fff!important; }

a { font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;font-weight:normal;color:fff!important;text-decoration:none!important; }

.eTitle { position:absolute;left:50%;top:80px;margin-left:-400px;width:800px;height:115px;text-align:center; }

.eBannerLeft { position:absolute;left:50%;top:150px;margin-left:-400px;width:200px;height:500px;background-color:fff; }
.eBannerRight { position:absolute;left:50%;top:150px;margin-left:200px;width:200px;height:500px;background-color:fff; }

.eBackground { position:absolute;left:50%;top:150px;margin-left:-195px;width:390px;height:500px;background-color:fff;background-image:url('http://cbimg6.com/layouts/09/02/33859aa.png');background-repeat:no-repeat; }
.eBody { position:absolute;left:50%;top:150px;margin-left:-195px;width:390px; }
.eBody1 { position:relative;margin-top:6px;margin-left:6px;width:378px;height:148px;overflow:auto; }
.eBody2 { position:relative;margin-top:17px;margin-left:6px;width:378px;height:148px;overflow:auto; }
.eBody3 { position:relative;margin-top:17px;margin-left:6px;width:378px;height:148px;overflow:auto; }

.eMenu { width:100%;border-bottom:1px dotted;border-color:fff; }
.eMenu a, .eMenu span { display:block;height:19px;text-align:left!important;color:fff!important;padding:3 0 0 5px; }
.eMenu a:hover, .eMenu span:hover { filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }

a.hme:hover, span.hrf:hover { background-color:b16862; }
a.add:hover, span.sts:hover { background-color:ec9d36; }
a.msg:hover, span.sex:hover { background-color:ecd336; }
a.pic:hover, span.loc:hover { background-color:7bbb9e; }
a.fnd:hover, span.age:hover { background-color:5886b6; }
a.blk:hover, span.nme:hover { background-color:9b7a99; }

.eComment { position:absolute;left:50%;top:486px;margin-left:206px;width:188px;height:148px; }
.eComment form { display:block!important; }
textarea { width:100%;height:130px;background-color:transparent;border:0px; }
.eComment input { background-color:transparent;border:0px!important;width:100%; }

.eBottomLinks { position:absolute;left:50%;top:640px;margin-left:-195px;width:390px;height:12px;text-align:center!important;color:393939!important;font-size:7px!important; }
.eBottomLinks a { color:393939!important;font-size:7px!important; }

div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position:relative;left:-10000px; }
div.profileWidth { margin-top:-30px!important; }
div.profileWidth div { filter:alpha(opacity=0);opacity:0.0001 }
div.profileWidth div.clearfix, div.profileWidth div div { filter:none;opacity:0.9999; }
div.profileWidth div.clearfix { position:relative;top:40px; }

h1.mslogo, div.srchfieldLayer, input.srchTextfld, span.loc2, div.srchButton, div div select , div div form, a.text { display:none!important; }

ul, li, .clearfix td, .rail, .clearfix { background-color:transparent!important;background-image:none!important; }

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class='eBody'>
<div class='eBody1'>
<table border='0' padding='0' width='100%'><tr>
<td width='48%'>
<div class='eMenu'><a href='index.cfm?fuseaction=user' class='hme'>home</a></div>
<div class='eMenu'><a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX' class='add'>add</a></div>
<div class='eMenu'><a href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX' class='msg'>message</a></div>
<div class='eMenu'><a href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX' class='pic'>pictures</a></div>
<div class='eMenu'><a href='index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX' class='fnd'>friends</a></div>
<div class='eMenu' style='border:0px;'><a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX' class='blk'>block</a></div>
</td>
<td width='4%'></td>
<td>
<div class='eMenu'><span class='nme'>name: (YOUR NAME HERE)</span></div>
<div class='eMenu'><span class='age'>age: (YOUR AGE HERE)</span></div>
<div class='eMenu'><span class='loc'>location: (LOCATION HERE)</span></div>
<div class='eMenu'><span class='sex'>gender: (GENDER HERE)</span></div>
<div class='eMenu'><span class='sts'>status: (YOUR STATUS HERE)</span></div>
<div class='eMenu' style='border:0px;'><span class='hrf'>here for: (YOUR REASON)</span></div>
</td>
</tr></table>
</div>

<div class='eBody2'>
Nulla facilisi. Ut rhoncus, lorem at consequat consequat, ipsum neque laoreet nisl, at tempor justo arcu quis erat. Nunc fermentum quam sit amet tellus. Vivamus quis urna et metus fringilla blandit. Nulla eros elit, ornare ac, malesuada in, lobortis vitae, orci. Nulla aliquet diam vitae pede. Fusce ullamcorper, turpis eu tincidunt suscipit, arcu orci tempor purus, at varius felis dui id libero. Nulla dignissim, massa ultricies adipiscing lacinia, ante arcu vestibulum sem, non condimentum nisi turpis nec eros. Pellentesque ac lacus. Proin id metus ut lacus accumsan molestie. Nam nunc nibh, dictum sed, pretium id, egestas eget, diam. Morbi neque tellus, placerat eget, tristique at, vulputate placerat, massa. Aenean laoreet, neque at dictum molestie, ante purus eleifend justo, quis suscipit est mauris eget lectus. Proin commodo sagittis diam. Aliquam ornare, odio ac luctus egestas, sem erat aliquet odio, vel sodales justo ipsum vel pede. Praesent eu lacus. 
</div>

<div class='eBody3'>
Sed augue lacus, tincidunt vitae, volutpat gravida, tincidunt id, urna. Sed euismod, velit eu euismod rutrum, ipsum dui hendrerit ipsum, at pretium pede quam eu massa. Quisque risus orci, tempus ut, volutpat et, scelerisque eu, leo. Maecenas fermentum. Nulla vehicula convallis mauris. Aliquam ullamcorper luctus tellus. Aenean in neque. Morbi diam est, pellentesque at, mattis sit amet, tincidunt porttitor, ipsum. Nulla vel tortor. Duis vitae augue. Nunc ullamcorper quam nec mi. Integer iaculis aliquet nisl. Vestibulum nec nisi. Nam laoreet, orci vel condimentum lobortis, dolor justo consequat eros, in malesuada urna diam quis quam. Praesent nulla. Integer pede magna, pellentesque sit amet, tincidunt convallis, aliquam ac, turpis. Nulla ante quam, mattis sit amet, sollicitudin non, porttitor eu, odio. Nulla dui tortor, fringilla ut, congue id, rutrum ac, neque. 
</div>
</div>

<div class='eComment'>
<form method="post" action="index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />
<textarea name="ctl00$ctl00$cpMain$UserWriteCommentsControl$commentTextBox">You can leave me a comment here! Click "Comment" in order to comment (:</textarea><br />
<div style='text-align:right;'>
<input type="submit" name="ctl00$ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="" />
</div>
</form>
</div>

<div class='eBottomLinks'><a href='index.cfm?fuseaction=misc.aboutus'>about</a> | <a href='index.cfm?fuseaction=misc.terms'>terms</a> | <a href='index.cfm?fuseaction=misc.privacy'>privacy</a> | <a href='index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome'>safety</a> | <a href='index.cfm?fuseaction=misc.contact'>contact</a> | <a href='index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID='>report</a> | <a>©myspace.com. all rights reserved.</a>
</div>