Fresh and Clean... sort of.

Designer's Comments

Look carefully for specific instructions

All I ask is that you put in your Friend ID where it says XXXXXX BEFORE you press 'Save All Changes'.

AND: read what I've written!! It'll help you!!

Also, don't change the code. And don't steal it either. Took me a long time to make this layout! =|

=)

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">
body {scrollbar-arrow-color:a9a9a9; scrollbar-track-color: 555555; scrollbar-face-color: 555555; scrollbar-3dlight-color: 555555; scrollbar-highlight-color: 555555; scrollbar-darkshadow-color: 555555; scrollbar-shadow-color: 555555;}</style>

.about {position:absolute; padding:2px; font-family:arial; font-size:14px; color:a9a9a9; font-weight:normal; letter-spacing:1px; line-height:13px; top:331px; left:274px; height:334px; width:298px; overflow:auto; letter-spacing:-1px;}

.friends {border-style:solid; border-color:transparent; border-width:0px; position:absolute; padding:2px; font-family:trebuchet ms; font-size:13px; color:000000; top:643px; left:173px; height:304px; width:424px; overflow:auto; letter-spacing:-1px;}

.misc {position:absolute; padding:2px; font-family:arial; font-size:13px; color:a9a9a9; text-transform:normal; line-height:auto; letter-spacing:0px; width:150px; text-align:left; top:345px; left:578px; height:126px; width:154px; overflow:auto; }

.name {position:absolute; height:26px; width:460px; padding:2px; font-family:arial; letter-spacing:-1px; font-size:25px; color:f6f2ce; top:140px; left:274px; text-align:right; text-transform:lowercase; font-weight:normal;}

.headline {position:absolute; height:26px; width:460px; padding:2px; font-family:arial; letter-spacing:-1px; font-size:20px; color:f6f2ce; top:225px; left:274px; text-align:left; text-transform:lowercase; font-weight:normal;}

.basics {position:absolute; height:202px; width:154px; padding:2px; left:577px; top:478px; font-family:arial; font-size:13px; color:a9a9a9; letter-spacing:-1px; font-weight:normal; overflow:auto;}

.friends {position:absolute; width:298px; height:226px; overflow:auto; left:274px; top:669px; font-family:arial; font-size:14px; color:a9a9a9; letter-spacing:-1px; font-weight:normal;}

.navi {position:absolute; height:190px; overflow:auto; width:154px; left:577px; top:683px; font-family:arial; color:a9a9a9; font-size:13px; letter-spacing:-1px; font-weight:normal; padding:2px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="headline">Your headline/favourite quote here!</div>

<div class="about"><h1>A day in my shoes.</h1>You can change the header name if you like. =)
<br>In fact, you can change all of the header names. But <u>please</u> be sure they're not <i>too</i> long, or else it'll look strangeeee. =)
<br>Your about me goes in here.
<br>I've made sure all of the content boxes scroll - so hakuna matata<small>*</small> about how much you write! 
<br><big>Big.</big> <small>Small.</small> <i>Italic.</i> <u>Underlined.</u> <b>Bold.</b> <strike>Striked.</strike> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">Link.</a>
<br>All CSS/HTML codes (big, small, bold, underlined etc) are the same for every section.
<br>
<br>
<br>
<br><small>*Means 'no worries' for those of you who haven't seen Lion King.</small></div>

<div class="navi"><h2>Find your way.</h2><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav">Pictures</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">Blogs</a> <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">Friends</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=ac0debf8-417f-488d-8430-f907ce35749b" class="nav">Comment</a></div>

<div class="basics"><h3>Basics.</h3><big>Age:</big> Your age here.
<br><big>Gender:</big> Male//Female.
<br><big>Occupation:</big> Your occupation here.
<br><big>Here for:</big> Friends//relationship//dating//networking//other.
<br><big>Country:</big> Your country here. And perhaps your region, too.</div>

<div class="friends"><h4>The people that matter to me.</h4>Include info//pictures//memories//anything here about your friends.
<br>I'm assuming that most people won't over-do the picture size, but just in case, the picture size for this section (and for the about me section, for that matter) is a <b>maximum width of 295px.</b> The height doesn't matter, but the width has to be that, or else that silly, ugly horizontal bar will show... But if you want it to show, over-do the picture size! I don't mind. =]</div>

<div class="misc"><h5>Miscellaneous.</h5> Miscellaneous things go here. For example:
<br>In this layout:
<br><u>Don't:</u>
<br><li>Put in < p >. It'll muck up the text.</li>
<br><li>Over-do the picture sizes. The <b>maximum width for this section</b> (and the basics and navigation sections) is a width of 150px. The height doesn't matter.</li>
<br><u>Do:</u>
<br><li>Change what I've written to your own thing. Personalise this!</li>
<br><li>Read my things - most of it is rambling, but some of it can actually help you with this layout.</li>
<br><li>Use this layout carefully!</li></div>

Layout Comments

Showing latest 10 of 17 comments

sweetnessss

By NoWorriesDesigns on Jul 15, 2008 8:56 am

Awesome! Overall I like it, but... It's a lil too small for my tastes and the tanish background don't really go that well with it, in my opinion. =/

By punkrockgrl92 on Jul 10, 2008 7:53 pm

this one's awesome!
works great.
thank you very mucho. =]

By girlsailor on Apr 6, 2008 12:52 am

i really like this layout and im most likely going to use it, but i was wondering, i know you can put a picture in 'Miscellaneous' but how do you do it?

By Peyton on Mar 7, 2008 3:51 pm

Haha, neat!
I love it. x]

By DelicateLove on Dec 25, 2007 11:25 pm