Simple Modern

Designer's Comments

Look carefully for specific instructions

The layout will NOT look like the live preview. The tables, top links, etc will not show!
My first try at a "modern/clean" look.
Very easy to use. Replace my ramblings with yours.
Replace the X's (in the links at the top of the I'd Like to Meet code.) View the information in the layout for more details/instructions.
To add a link:

This layout will look best if you have at least 24 top friends.

No jocking/taking credit off or...well, use your imagination. Preferably involve some sort of evil monkey, and maybe some spoons.

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>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
td {border:0px;}
.latestblogentry, .userprofileurl, .contacttable, .extendednetwork, .interestsanddetails, .userProfileDetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .profileinfo, .friendscomments, .nametext, .orangetext15 {display:none;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

.friendSpace .btext {display:none;}
.friendSpace td a {visibility:hidden; font-size:0px; letter-spacing:-100px;}
.friendSpace td a img {visibility:visible; width:50px; height:50px; border:0px; margin-bottom:4px;}
.friendSpace table, .friendSpace td {width:0px; padding:0px;}
.friendSpace td td td {line-height:0px;}
.friendSpace .ImgOnlineNow {display:none;}
.friendSpace {width:200px!important; overflow:auto!important;}

body{
background-color:cbc6b2;
background-image:url("http://cbimg9.com/layouts/08/08/30171aa.png");
background-repeat:no-repeat;
background-position: 0px 0px;
overflow-x:hidden;}

.about{
position:absolute;
top:178px;
left:308px;
width:400px;
height:305px;
overflow:auto;}

.bottom{
position:absolute;
bottom:0px;
left:0px;
z-index:1;}

.bottomstuff{
position:absolute;
bottom:0px;
left:300px;
width:400px;
height:30px;
z-index:2;
font-color:2b1b2e;}

.navi{
position:absolute;
left:72px;
top:117px;
width:881px;
height:25px;
z-index:3;}

a.lnks, a.lnks:visited, a.lnks:active{
font-family: Tahoma;
font-size:12px;
line-height:30px;
margin:5px;
color:54344d;}

a.rlnks, a.rlnks:visited, a.rlnks:active{
font-family: Tahoma;
font-size:12px;
line-height:30px;
margin-left:250px;
color:54344d;}

a.nlnks, a.nlnks:visited, a.nlnks:active{
color:54344d;}

a.lnks:hover, a.rlnks:hover, a.nlnks:hover{
color:2b1b2e;}

.friends{
position:absolute;
top:178px;
left:725px;
width:218px;
height:305px;
overflow:auto;}

.friends table{
margin-top:-8px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;}

.info{
position:absolute;
top:178px;
left:90px;
width:205px;
height:305px;
overflow:auto;}

.info img{
_width:185px;
_height:253px;
max-width:185px;
max-height:253px;}

b{
color:2b1b2e;
font-weight:bold;}

i,em{
color:2b1b2e;}

u{
color:2b1b2e;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navi"><center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="lnks">Home</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="lnks">Comment</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="lnks">Pics</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="lnks">Block</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="lnks">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="lnks">Add</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="lnks">Blog</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="rlnks">View Comments</a>
<a href="http://www.rockitstudios.890m.com" class="lnks">RockIt Studios</a>
</center></div>

<div class="info" align="center">
<img src="http://cbimg9.com/layouts/08/08/30171ab.jpg" /><br />
<b>Name:</b> Whorecakes<br />
<b>Age:</b> 15<br />
<b>Location:</b> Hickville<br />
<b>Gender:</b> Female
</div>

<div class="about" align="center">
Put things about you here. I'm Rad. I'm 15 years young. My favorite color is Navy Blue. Black and white technically aren't colors. All of my electronics are red. I like muffins. Especially Slutmuffins. End of story. I hate you. I love music. I'm a retard....life story right there. I love to sing. I hate when people are stupid. I love my MP3 Player. I hate when men don't shave. You get the point. Put whatever. Your name, age, sex, location, hobbies, friends, birthday. You choose. You have a lot of space to fill.<br>
<b>bold</b>, <u>underline</u>, <i>italicize</i><br><br>
Don't take the credits off!<br>
This box has a scrollbar, so put in as much information as you want/possibly can. You can put in images, but I suggest they don't be any bigger than about 380 pixels in width, or else you'll get a horizontal scrollbar, and we don't want that!<br>
In the box to the left, edit the information with <i>your</i> information. Of course, you don't even have to keep that. You can replace it with images, links, anything you could possibly imagine. Ff you're going to insert an image bigger than 185x253 pixels, it will automatically adjust until it is either 185px in width or 253px in height (whichever comes first). The image will be 185x253px in width/height in IE, no matter what. That box also has a scrollbar, but I suggest you keep the content as minimal as possible. ;]<br><br>
The scroll box to the right contains your top friends. It will look best if you have <i>at least</i> 24 top friends.<br><br>
If you want to insert another link in the info or about section, use this:<br>
<textarea><a href="URL" class="nlnks">Your text</a></textarea><br>
Just replace URL with your link, and Your text with the text you want shown.<br><br>
<img src="http://cbimg9.com/layouts/08/08/30171ac.jpg"><br>
</div>

<div class="bottomstuff" align="center">
Created by <a href="http://www.rockitstudios.890m.com" class="nlnks">RockIt Studios</a> at <a href="http://www.createblog.com" class="nlnks">CreateBlog</a> | Inspired by <a href="http://www.fixtatik.com/" class="nlnks">Fixtatik</a></div>