Notebook

Designer's Comments

Look carefully for specific instructions

Sign up for createBlog through here.

Edit the "Friend ID or XXXXXXXXXX" before clicking on "save changes".

1. Change the picture with your own (remember the size)
2. Change the "XXXXXXXXXX" with your own friend ID
3. Change "about me", "who i'd like to meet", "interests" & "info" with your own information
5. Replace the text on "Music" & "Video" and put your code(player size is compatible with the player from playlist.com but without the bottom image from the player and the video size is compatible with the video player from youtube)

**Tested on IE7 & Firefox
if the nav doesnt work, look for ".navigation" on the about me section, go down six lines and it says "z-index" and i know there is a 9 so after you save it on myspace, myspace somehow changes it, anyways after you saved it check if it still says 9 if not, put a 9 z-index

?Edit: It should work perfectly now, if not PM me or leave a comment?

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">
table.profileInfo {display:none;}
table.friendSpace {display:none;}
table.contactTable {display:none;}
table.userProfileURL {display:none;}
table.userProfileDetail {display:none;}
table.userProfileCompany {display:none;}
table.userProfileNetworking {display:none;}
table.interestsAndDetails {display:none;}
table.userProfileSchool {display:none;}
table.extendedNetwork {display:none;}
table.latestBlogEntry {display:none;}
table div table br, div table table br, table table div br {display:block;}
table table table br, table div table td.text table br {display:block;}
table td {height:0px !important;}
table, tr, td { background-image: url(http://cbimg9.com/layouts/08/07/29535aa.jpg); border:none; border-width:0;}

table.friendsComments {display:none;}

body {
	background-image: url(http://cbimg9.com/layouts/08/07/29535aa.jpg);
	cursor:crosshair;
}

.backgroundimg{
	top: 130px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 1454px;
	position: absolute;
	z-index: 1;
	background-color: transparent;
}

.userpic{
	position:absolute;
	top: 274px;
	left: 50%;
	margin-left: -390px;
	overflow:auto;
	width: 200px;
	height: 173px;
	z-index:2;
	background-color: white;
}

.cmntbox{
	position:absolute;
	top:587px;
	left: 50%;
	margin-left: -419px;
	overflow:auto;
	width:345px;
	height:220px;
	z-index:3;
	color:white;
	font-size:9pt; 
	font-weight:bold;
	font-family:arial;
	text-align:center;
	background-color:transparent;
	background-image: url(URL_TO_IMAGE);
	background-position:center; 
	background-repeat:no-repeat;
	border:0px solid silver;
}

.musicplayer{
	position:absolute;
	top:404px;
	left: 50%;
	margin-left: 23px;
	overflow:auto;
	width:435px;
	height:272px;
	z-index: 4;
	color:white;
	font-size:9pt;
	font-family:arial;
	text-align:left;
	background-color:black;
	background-image: url(URL_TO_IMAGE);
	background-position:center;
	background-repeat:no-repeat;
	border:0px solid silver;
}

.aboutme{
	position:absolute;
	top:880px; 
	left: 50%;
	margin-left: -430px;
	overflow:auto;
	width:230;
	height:240; 
	z-index: 5;
	color:black; 
	font-size:11px; 
	font-weight:solid; 
	font-family:arial; 
	text-align:Left; 
	background-color:transparent; 
	border:0px solid silver;
}

.meet{
	position:absolute;
	top:880px; 
	left: 50%;
	margin-left: -100px;
	overflow:auto;
	width:230;
	height:230;
	z-index: 6; 
	color:black; 
	font-size:11pxt; 
	font-weight:solid; 
	font-family:arial; 
	text-align:Left; 
	background-color:transparent; 
	border:0px solid silver;
}

.interests{
	position:absolute; 
	top:880px; 
	left: 50%;
	margin-left: 230px;
	overflow:auto;
	width:210;
	height:240; 
	z-index: 7;
	color:black; 
	font-size:11px; 
	font-weight:solid; 
	font-family:arial; 
	text-align:Left; 
	background-color:transparent;  
	border:0px solid silver;
}

.video{
	position:absolute;
	top:1212px; 
	left: 50%;
	margin-left: -438px; 
	overflow:auto;
	width:425;
	height:344; 
	z-index: 8;
	color:white; 
	font-size:9pt; 
	font-weight:solid; 
	font-family:arial; 
	text-align:Left; 
	background-color:black; 
	border:0px solid silver;
}

.details{
	position:absolute;
	top:1290px;  
	left: 50%;
	margin-left: 145px; 
	overflow:auto;
	width:235;
	height:250;
	z-index: 9; 
	color:black; 
	font-size:10pt; 
	font-weight:solid; 
	font-family:arial; 
	text-align:Left; 
	background-color:transparent; 
	border:0px solid silver;
}

.navigation{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 9;
}

a:active,a:visited,a:link,a{
	color: darksilver;
	font-size: 12pt;
	margin-top: 1px;
	cursor: crosshair;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: tahoma;
	text-decoration: none;
	text-transform: none;
}

a:hover{
	color: ffffff;
	font-size: 14pt;
	margin-top: 1px;
	cursor: crosshair;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: tahoma;
	text-decoration: none;
	text-transform: uppercase;
}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
tr {background-color:transparent}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="backgroundimg"><center><img src="http://cbimg9.com/layouts/08/07/29535ab.jpg">
<br>© 2008 All Rights Reserved.
<br>Layout by
<br><a href="http://www.myspace.com/72072755">MARiO</a><br>..
</center></div>

</div>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX"><textarea name="f_comments" id="f_comments" style=" background-color:white!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:black!important; width:200px!important; height:60px!important; line-height:17px !important; ">Leave Me A Comment!</textarea><br><input type="submit" value="Submit" style=" width:200px!important; height:15px!important; background-color:white!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:black!important; letter-spacing:1px !important; "></form>

</div>

<div class="musicplayer">
put the music player code from www.playlist.com but remove the images at the bottom of the player and remember the width and height:<br>
width:435px;<br>
height:272px;
<br>

<div class="aboutme">
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="meet">
Who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet who i'd like to meet

</div>

<div class="interests">
Interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests

</div>

<div class="video">
put a code for a video here, it is set to the youtube video's height and width which is:<br>
width- 425
<br>height- 344

</div>

<div class="details">
<b>Status: </b>info
<br><b>Age: </b>info
<br><b>Hometown: </b>info
<br><b>Birthdate: </b>info
<br><b>Orientation: </b>info
<br><b>Body Type: </b>info
<br><b>Zodiac sign: </b>info
<br><b>Ethnicity: </b>info
<br><b>Here for: </b>info
<br><b>Children: </b>info
<br><b>Education: </b>info
<br><b>Ocupation: </b>info
<br><b>School: </b>info
</div>

</div>

Layout Comments

Showing latest 10 of 49 comments

myspace has blocked playlist..

By dystopian-world on Apr 2, 2010 1:51 am

Woahhhh. It's extremely screwed up on FF.

By WizardMadds on Jun 19, 2009 5:12 pm

the navigation is worng

By joanne4795 on Mar 6, 2009 5:04 pm

OMG i love this layout. but when i add the player it makes a scroll box and stretches the rest of the layout. and everything looks like it has line breaks before the actual text and it doesn't ahhhhhhhhhhh!

By tink919 on Feb 7, 2009 4:39 pm

how do you add your picture, hide your music, and put text in?

By oxohotthingoxo on Nov 4, 2008 9:39 am

it's the screen resolution it looks ok on a 1024x768 screen, but im trying to get it fixed

By pandemonium on Sep 21, 2008 7:12 pm

hey the nav doesnt work right. everytime u click on one of the nav it goes to somthing else n there is like no home button. could u help me?

By xxxx3m0G1rLxxx on Sep 21, 2008 11:40 am

oops never mind
XD

By irrevocablyroo on Sep 20, 2008 3:21 pm

what's the friend id?

By irrevocablyroo on Sep 20, 2008 3:20 pm

The nav. is going to different things. Does anyone have the correct widths?

By xC4SP3R on Sep 13, 2008 7:25 pm

View all »

Layout Details

Designer	pandemonium
Submitted on	Jul 14, 2008
Page views	84,938
Favorites	840
Comments	49
Reviewer	Relentless
Approved on	Jul 14, 2008

Notebook

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