TheMoon

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXXXXX With your FriendID
Replace About you here with something try not too make it too long please
Replace Your header here with your name or something, just make it short as possible
Dont understand? Click here!
and i have more layouts too check them out

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><div class="box"></div>
<div class="background">
<img src="http://cbimg9.com/layouts/08/10/32136aa.jpg" border="0" alt="" /></div>
<style>.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, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}</style>
<style>
body {
background-color:000000; 
scrollbar-face-color:000000; 
scrollbar-track-color:000000;   
scrollbar-arrow-color:fac11c;
scrollbar-highlight-color:000000; 
scrollbar-3dlight-color:000000; 
scrollbar-shadow-color:000000; 
scrollbar-darkshadow-color:000000;  
}
.background{
background-color:transparent; 
position:absolute;
left: 50%; 
width:533px;
height:519px;
margin-left:-266px;
top:90px;}
.nav1{
background-color:transparent; 
position:absolute;
left: 50%; 
width:45px;
height:38px;
z-index:5;
margin-left:-167px;
top:186px;}
.home{
height:38px; 
width: 45px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136ab.jpg) top left no-repeat; 
display: block;}
.home:hover{
background-position: bottom left;}
.nav2{
background-color:transparent; 
position:absolute;
left: 50%; 
width:39px;
height:36px;
z-index:5;
margin-left:-116px;
top:154px;}
.message{
height:36px; 
width: 39px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136ac.jpg) top left no-repeat; 
display: block;}
.message:hover{
background-position: bottom left;}
.nav3{
background-color:transparent; 
position:absolute;
left: 50%; 
width:49px;
height:47px;
z-index:5;
margin-left:-59px;
top:117px;}
.comment{
height:47px; 
width: 49px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136ad.jpg) top left no-repeat; 
display: block;}
.comment:hover{
background-position: bottom left;}
.nav5{
background-color:transparent; 
position:absolute;
left: 50%; 
width:40px;
height:38px;
margin-left:75px;
top:139px;}
.friends{
height:38px; 
width: 40px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136ae.jpg) top left no-repeat; 
display: block;}
.friends:hover{
background-position: bottom left;}
.nav4{
background-color:transparent; 
position:absolute;
left: 50%; 
width:46px;
height:45px;
margin-left:10px;
top:115px;}
.pictures{
height:45px; 
width: 46px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136af.jpg) top left no-repeat; 
display: block;}
.pictures:hover{
background-position: bottom left;}
.nav6{
background-color:transparent; 
position:absolute;
left: 50%; 
width:32px;
height:42px;
margin-left:123px;
top:159px;}
.add{
height:42px; 
width: 32px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136ag.jpg) top left no-repeat; 
display: block;}
.add:hover{
background-position: bottom left;}
.nav7{
background-color:transparent; 
position:absolute;
left: 50%; 
width:52px;
height:39px;
margin-left:149px;
top:201px;}
.block{
height:39px; 
width: 52px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32136ah.jpg) top left no-repeat; 
display: block;}
.block:hover{
background-position: bottom left;}
.content {
position:absolute;
overflow:auto;
left: 50%; 
margin-left:-135px;
top:346px;
background-color:transparent;
border:0px;
font-family:trebuchet ms;
font-size:11px;
line-height:9px;
font-weight:normal;
color:565555;
width:269px;
height:252px;
}
.box {
position:absolute;
overflow:auto;
left:0; 
top:0px;
background-color:000000;
border:0px;
width:100px;
height:152px;
}
h1 {
color:f5ec2d;
background-color:transparent;
border-bottom:1px solid white;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
font-family:trebuchet ms;
display:block;
padding:5 0;
}
a:link, a:active, a:visited {
font-family:trebuchet ms;
font-size:9px;
color:828081;
font-weight:normal;
text-decoration:none;
}
a:hover {
font-family:trebuchet ms;
font-size:9px;
color:white;
font-weight:normal;
text-decoration:none;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><center>
<h1>YOUR HEADER HERE</h1>

about you here

</div>
<div class="nav1">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a>
</div>
<div class="nav2">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"></a>
</div>
<div class="nav3">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="comment"></a>
</div>
<div class="nav5">
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="friends"></a>
</div>
<div class="nav4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="pictures"></a>
</div>
<div class="nav6">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="add"></a>
</div>
<div class="nav7">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="block"></a>
</div>

Layout Comments

Showing latest 10 of 30 comments

LOVE IT! Hot rollovers, too.

By Butterface89 on Sep 11, 2010 10:47 am

Can i change the size of the font, it's kind of small

By bookgeek555 on Dec 25, 2009 8:18 pm

Wow i love this

By Caatherineee on Nov 18, 2009 6:07 am

love it =]
want music though..i always have trouble with music on page..any help?

By Scruffypwns on Sep 22, 2009 4:52 pm

This looks right, I Love it. Good Work.

By GSReaperwolf72 on Apr 19, 2009 4:55 am

This is beautiful. I love your style.

By biscuit4sho on Mar 4, 2009 6:41 pm

oh my GOD AMAZING!

By sarahhava1 on Dec 6, 2008 5:47 pm

It's a nice layout, but I wish I didn't have to "make things short" all the time. It's my page and it'd be cool if I could put stuff on there how I want... but it's all good.

By johnnydeppobsessive on Nov 10, 2008 6:13 pm

I well love this layout.
There's nothing wrong with it at all.
Would be nice in other colours too. :)

By Bolema-Dreamz on Nov 6, 2008 4:35 pm

this shit is hot

By CandyMan347 on Oct 30, 2008 12:38 pm

View all »

Layout Details

Designer	alek
Submitted on	Oct 20, 2008
Page views	34,064
Favorites	340
Comments	30
Reviewer	Relentless
Approved on	Oct 21, 2008

TheMoon

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates