Vista Ultimate

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXXX with your friend ID.
Comment box credit to: Insurmountable.
Works in all screen resolutions.
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 type="text/css">
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

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;}

select { visibility:hidden!important; WIDTH:0px!important;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:000000;
background-image:url(); 
background-position:Center Center; 
background-attachment:fixed; 
background-repeat:no-repeat;
cursor:default;
font-weight:normal;
scrollbar-face-color:;
scrollbar-track-color:;
scrollbar-arrow-color:;
scrollbar-highlight-color:;
scrollbar-3dlight-color:;
scrollbar-shadow-color:;
scrollbar-darkshadow-color:;
}

a:link, a:visited, a:active {font-family:century gothic; font-size:13px; font-weight:normal; color:000000; text-decoration:underline; text-transform:none;}

a:hover {font-family:century gothic; font-size:13px; font-weight:normal; color:ffffff; text-decoration:underline; text-transform:none;}

a.navigate:link,a.navigate:active,a.navigate:visited {font:normal 14px century gothic; letter-spacing:0px; display:block; margin-bottom:1px; line-height:47px; color:666666; text-align:center; valign:center; background-color:222222; text-decoration:none !important;}

a.navigate:hover {font:normal 14px century gothic; letter-spacing:0px; display:block; margin-bottom:1px; line-height:47px; color:666666; text-align:center; valign:center; background-color:000000; text-decoration:none !important;}

.thenickman {
position:absolute;
overflow:auto;
top:00px;
right:0px;
background-color:transparent;
border:0px;
}

div.image 
{position:absolute;
margin-left:-450;
left:50%;
top:90px;
width:900px;
height:720px;}

div.navigation 
{position:absolute;
margin-left:12;
left:50%;
top:128px;
width:251px;
height:245px;
background-color:transparent;}

div.extras 
{position:absolute;
margin-left:-412;
left:50%;
top:555px;
width:395px;
height:212px;}

.extras {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:century gothic;
font-size:13px;
color:000000;
align:center;
font-weight:normal;
margin:0;
padding:0;
}

div.aboutme 
{position:absolute;
margin-left:-412;
left:50%;
top:130px;
width:395px;
height:355px;}

.aboutme {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:century gothic;
font-size:13px;
color:000000;
align:center;
font-weight:normal;
margin:0;
padding:0;
}

div.comment 
{position:absolute;
margin-left:250;
left:50%;
top:650px;
background-color:transparent;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navigate">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892" class="navigate">Add</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="navigate">Blog</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892" class="navigate">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navigate">Pictures</a>
</div>

<div class="aboutme">
Write about yourself here! It will scroll with the more things you put in it!
</div>

<div class="extras">
Put whatever you want here! It will scroll with the more things you put in it!
</div>

Layout Comments

Showing latest 10 of 39 comments

This is lovely. Wonderful futuristic and eye-catching! Love the colors, shapes, font. Great job!

By Butterface89 on Oct 24, 2010 9:44 am

Looks hell a good .Good job!10/10

By constantino1000 on Sep 27, 2008 9:11 pm

why is it that when i try to add a video or music player it squishes and you cant see the whole thing? is there a way to change that

By beautifulflawsxx on Jun 2, 2008 6:36 pm

What screen resolution and browser are you using?

By NICKAWHAT on May 18, 2008 6:33 pm

The layout is cut off A bit for me on the left.
great Job BTW.

By HybridShmex on May 18, 2008 4:31 pm

Hey I replaced the x's with my friend id in the who id like to meet code, But it still says that i have an ivalid id when my friends try to comment me! Is there a code or something im missing?

By Combs211 on Apr 20, 2008 6:05 pm

Oh really?
They don't work on MySpace anymore?
Why?
Since when?
I had no idea...

By NICKAWHAT on Apr 10, 2008 8:45 pm

hhaaaay, that reminds me of the MSN skin there is available. :] and comment boxes currently don't work on myspace, just bear with it, everyone.

By k-m on Apr 10, 2008 4:43 pm

The comment box should work, try re-copying the code.

By NICKAWHAT on Apr 9, 2008 1:46 am

nick, everything is great.. the code, the layout.. all the links work except for the comment box.. i changed the "XXX..." to my friendID and still nothing.. am i doing something wrong? let me know whats up? thanks!

By eksel on Apr 7, 2008 4:49 am

View all »

Layout Details

Designer	NICKAWHAT
Submitted on	Jan 2, 2008
Page views	41,117
Favorites	278
Comments	39
Reviewer	freeflow
Approved on	Jan 2, 2008

Vista Ultimate

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates