Alone, But Not Lonely

Designer's Comments

Look carefully for specific instructions

Okay! This is my first layout! I'm really happy with how it turned out considering it's my first try, and I kept changing it cause I wasn't really happy with it, so I'm gonna submit it now before I completely screw it up...
So, you know the drill; replace "YOURFRIENDIDHERE" with your friendID and "About me...." with your own information!
For beginners, I would suggest only editing the part in the "I'd Like to Meet Box" because that's all that's absolutely necessary; for people with intermediate/advanced knowledge, feel free to toy around with the fonts, colors, alignment, etc. HOWEVER! Please do NOT take off the credit [the cute little panda :D]!
If you need any help, or if there are any problems, leave a comment or PM me; also, constructive criticism is very much appreciated :D

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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts"

title="Grab Myspace Layouts and Myspace Codes"><img

src="http://cbimg9.com/layouts/08/07/29437aa.gif" border="0" alt="Myspace Layouts"

style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>
<style>
.a {hide top search and shortcuts bar}
body div div form {display:none !important;}
table table div form {display:inline !important;}
body div td div div select {width:0px !important;}
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable,

.userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking,

.userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry,

.blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div

{display:none!important;}
table table div, .clearfix {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}

a:link, a:active, a:visited {
color:9F9EA2;
font:normal 12px georgia;
text-transform: none;
text-decoration:none;
font-weight:normal;
border-bottom: none;
}
a:hover {
color:C4C3C7;
font: bold 14px arial;
font-weight: bold;
border-bottom: none;
text-transform:uppercase;
text-decoration:none;}
b, strong {
color:c0bf7b;
font:11px Georgia;
text-transform: none;
text-decoration:none;
font-weight: bold;
border-bottom: none;
}
font, br, p, div, table, th, tr, td {
color:56413f;
font:11px georgia;
text-transform: none;
text-decoration:none;
font-weight:none;
border-bottom: none;
}
i, em {
color:FF6666;
font:italic 12px georgia;
text-transform: none;
text-decoration:none;
font-weight:italics;
border-bottom: none;
}
u {
color:cfb0ab;
font: 9px georgia;
text-transform: none;
letter-spacing: 1px;
text-decoration:none;
font-weight:none;
border-bottom: double 3px;
}
s, strike {
color: black;
font: 10px tahoma;
text-transform: lowercase;
text-decoration:strikeout;
font-weight:bold;
border-bottom: none;
}
body {
	scrollbar-arrow-color: 56413f;
	scrollbar-face-color: e4dcdb;
	scrollbar-highlight-color: e4dcdb;
	scrollbar-3dlight-color: e4dcdb;
	scrollbar-shadow-color: e4dcdb;
	scrollbar-darkshadow-color: e4dcdb;
	scrollbar-track-color: e4dcdb;
}

h1 {
font-family:Georgia;
text-transform:lowercase;
font-size:18px;
line-height:20px;
color:56413e;
letter-spacing:3px;
margin-bottom:10px;
margin-right:10px;
padding-right:5px;
padding-top:5px;
background-color:transparent;
text-align: left;
font-weight:bold;
border:0px;
}
</style>

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{
    background-color: DFD4D2;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:20px;}

</style>

.navi4 {
display: block;
overflow:hidden;
height:76px; 
width:79px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/07/29437ad.png');
background-position:top left;
background-repeat: no-repeat; 
}

.navi4:hover {
background-position: bottom left;
border:none;
background-color:transparent;}
</style>

.navi3 {
display: block;
overflow:hidden;
height:61px; 
width:79px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/07/29437ae.png');
background-position:top left;
background-repeat: no-repeat; 
}

.navi3:hover {background-position: bottom left;
border:none;background-color:transparent;}
</style>

.navi2 {
display: block;
overflow:hidden;
height:62px; 
width:79px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/07/29437af.png');
background-position:top left;
background-repeat: no-repeat; 
}

.navi2:hover {
background-position: bottom left; border:none;
background-color:transparent;}
</style>

.navi1 {
display: block;
overflow:hidden;
height:62px; 
width:79px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/07/29437ag.png');
background-position:top left;
background-repeat: no-repeat;}

.navi1:hover {
background-position: bottom left;
border:none; background-color:transparent;}
</style>

.credit {
display: block;
overflow:hidden;
height:33px; 
width:60px; 
background-COLOR:transparent;  
background: url('http://cbimg9.com/layouts/08/07/29437ah.png');
background-position:top left;
background-repeat: no-repeat; 
}

.credit:hover {
background-position: bottom left;
border:none;
background-color:transparent;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="pics">
<a href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navi2"></a></div>

<div class="mssg"><a href="http://messaging.myspace.com/index.cfm?

fuseaction=mail.message&friendID=XXXXXXXX" class="navi3"></a></div>

<div class="aboutme" style="position: absolute; left:500px;  top:305px; width:330px; height:230px; overflow: auto; z-index:5;">
<B>Bold.</B> <I>Italics.</I> <U>Underline.</U> <strike>Strikeout.</strike> <a href=http://www.createblog.com>Link.</a><BR>
Write <B>anything you'd like</B> here! You can put pictures of yourself, friends, or even some icons you think are pretty cool. But make sure they're <i>not bigger than 330px</I> in width or else you'll get a <strike>disgusting</strike> horizontal scroll bar, and nobody wants that! <BR>
Unless you <U>do want that</U>... then go crazy! :D If you haven't noticed, this is all filler text. Talk about your interests, like movies, music, your heroes, and so on here. In short, write your... about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me.
</div>

<div class="commentbox" style="position: absolute; left:498px;  top:540px; width:150px; overflow: hidden; z-index:5;"><div style="text-align: left; width: 100%; height: 100%;"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" method="post"><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$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 100px; height: 12px; color: 56413f; font-size: 9px; font-family: Georgia; text-align: left; border-color: 56413f; border-width: 1px; border-style: solid; background-color: transparent;">send me flowers;</textarea><input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="♥" style="color: 56413f; font-size: 11px; border-color: 56413f; width:12px; height:12px; border-width: 1px; border-style: solid;" /></form></div>