My Notebook

Designer's Comments

Look carefully for specific instructions

1. CUT AND PASTE CODES INTO SECTIONS
2. REPLACE XXXXXX WITH FRIEND ID
3. REPLACE 'ABOUT ME; BASICS; RANDOM' WITH W/E YOU WANT
4. REPLACE 'http://cbimg9.com/layouts/08/07/29694ab.gif' WITH A PICTURE OF YOUR CHOICE! IT WILL RESIZE BY ITSELF.

You can alter anything but the credit[:
Please Comment&Favorite
Feel free to criticize.[:
THANKS!

**EDIT FRIEND ID & PICTURE
BEFORE SAVING, OR ELSE THE LINKS
WILL CHANGE.

more layouts here!

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> 
body {
background: url(''); 
background-position:repeat;
background-color:000;
line-height:; 
cursor:;}

.picture { 
background-color:transparent; 
width:193; 
height:175;
position:absolute; 
top:137;
text-align:; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:-358px; 
z-index:5;}

.aboutme { 
background-color:transparent; 
width:402; 
height:145;
position:absolute; 
top:452;
text-align:; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:-377px; 
z-index:5;}

.basics { 
background-color:transparent; 
width:130; 
height:220;
position:absolute; 
top:148;
text-align:; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:-108px; 
z-index:5;}

.random { 
background-color:transparent; 
width:254; 
height:205;
position:absolute; 
top:633;
text-align:; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:-133px; 
z-index:5;}

.div { 
background:none; 
overflow:auto; 
position:absolute;
top:100;
left:0;
text-align:left; 
visibility:visible;
left:50%;
margin-left:-503px; 
z-index:0;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:black; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

a:link, a:visited, a:active {text-transform:uppercase;font-family:arial;color:black;font-size:8pt;font-weight:;}
a:hover {text-transform:uppercase;font-family:arial;color:black;font-size:8pt;font-weight:;}

a.navbar:active, a.navbar:visited, a.navbar:link{text-transform:uppercase;font-family:arial;color:172656;font-size:8pt;font-weight:bold;} a.navbar:hover {text-transform:uppercase;font-face:arial;font-family:8pt; color:black; font-weight:bold;}

</style>
<table><tr><td><table><tr><td><table><tr><td>
<style>
div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}img {border: 0 none;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

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

name:   <br />
age:           <br />
sex:            <br />
orientation:      <br />
status:      <br />
<br />
BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS BASICS

</div>

<div class="random">
random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random random

</div>

Layout Comments

Showing latest 10 of 91 comments

I LOVE THIS BUT HOW DO I REALIGN THE PROFILE? ITS CUT OFF ON THE LEFT?

By BRITEEYES619 on Aug 22, 2009 5:49 pm

A-W-E-S-O-M-E

By madinaxXxlakexXxlove on Aug 21, 2009 9:53 pm

is there any chance i can put the playlist in the random box
and by the way this layout is cool and nice

By eddieloko94 on Apr 19, 2009 4:28 am

it doesnt show as a notebook!
this is haard! :s

By prdpinay on Mar 17, 2009 3:53 pm

My display picture doesn't show up.. :S

By Lawrence012 on Mar 7, 2009 12:44 pm

how do u put ur picker in the thing

By djnew16 on Mar 1, 2009 12:59 am

This is gay
how do u do this!!!!!!

By shorty31494 on Feb 5, 2009 10:47 pm

i really like the layout. just trying to find a way to make a playlist.com playiist show up in the random box. i dont use the myspace thing it gives me. i use the OTHER one cuz thats just a straight html coded one. trying to make it work.. if i'm missing anything to make it work i dunno what it is.. help plz?

By ghorarae on Jan 25, 2009 3:52 pm

can't get a pic up. just keep saying its invalid and stuff. any help?

oh, and this is one sweet layout. thanks!

By AndroBoi on Jan 19, 2009 12:16 am