Binder Paper

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXXXX's with your friend ID.
Tested in Firefox 2, IE7, and Safari 3.

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

div[id="googlebar"], 
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !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(http://cbimg9.com/layouts/08/06/28391ab.jpg); 
background-position:Center Center; 
background-attachment:fixed; 
background-repeat:repeat;
cursor:default;
font-weight:normal;}

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

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

a.navigate:link,a.navigate:active,a.navigate:visited {
font:normal 15px georgia; 
letter-spacing:0px; 
display:block; 
border-right:5px transparent solid; 
color:000000; 
text-align:right; 
valign:center; 
background-color:transparent; 
text-decoration:none;
line-height:22px;
}

a.navigate:hover {
color:red; 
border-right:7px transparent solid;
}

a.nav:link,a.nav:active,a.nav:visited {
font:normal 15px georgia; 
letter-spacing:0px; 
display:block; 
border-right:5px transparent solid; 
color:000000; 
text-align:right; 
valign:center; 
background-color:transparent; 
text-decoration:none;
line-height:22px;
}

a.nav:hover {
color:blue; 
border-right:7px transparent solid;
}

div.image 
{position:absolute;
margin-left:-315;
left:50%;
top:120px;
width:631px;
height:850px;}

div.title 
{position:absolute;
margin-left:-208;
left:50%;
top:180px;
background-color:transparent;}

div.navigation 
{position:absolute;
margin-left:-313;
left:50%;
top:217px;
width:98px;
height:285px;
background-color:transparent;}

div.aboutme 
{position:absolute;
margin-left:-210;
left:50%;
top:218px;
width:520px;
height:705px;}

.aboutme {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:century gothic;
font-size:15px;
line-height:22px;
color:black;
text-align:left;
font-weight:normal;
margin:0;
padding:0;
}

h1 {font:normal 30px georgia; line-height:0px; display:block; color:black; text-align:Left; valign:center; background-color:transparent; text-transform:none; text-decoration:none !important;}

</style>

<div class="title">
<h1>Your title here.</h1>
</div>

<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="nav">Add</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="navigate">Blog</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=dce33668-fe6b-457a-af06-422acef9f9a0" class="nav">Comment</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="nav">Pictures</a>
</div>

<div class="aboutme">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
</div>

Layout Comments

Showing latest 10 of 29 comments

Te paper doesn't look yellow. I don't know what MACABEE (guy with thumbs up, third responder down) is talking about- maybe it's his computer. Idk. I think it looks good. There sure are a LOT of these paper layouts with just the plain paper and "About Me" and stuff.

By Butterface89 on Jun 29, 2010 5:55 pm

nice =)

By Shina on Sep 5, 2009 8:44 am

Could have done some lighting stuff to make the paper look white not...yellow...but a good concept...but it kinda ruins the idea cause the background is fixed...and the background is like to far zoomed its weird...

By Maccabee on Feb 8, 2009 10:11 pm

heh heh I love this idea.

By ZeroGrafics on Feb 6, 2009 11:38 am

everythings good but the title i had to change the line height to get it right. but altogether aight i guess

By Marideth on Jul 17, 2008 11:14 am

i ise ie and i looked at the preview and it didnt show a paper it was just a line in a shape of a box with an x like the image had been delted..

By xdestinyleex on Jul 7, 2008 4:00 pm

This is way too cool! I LOVE it:)

By marissabr00tal on Jun 27, 2008 10:40 pm

i like it a lot! but i have only one question. id like to put a quote where the title is but when i do it, it stays on the left? how can i make it go straight across? thanks.

By kaybaybay1994 on Jun 21, 2008 2:42 pm

I love this layout! It is the coolest! I like how it looks like it is on a desk too! haha =] I love it!

By hulagirlvpv on Jun 17, 2008 4:54 pm

pritay coool

By JenniferCecelia on Jun 17, 2008 4:49 pm

View all »

Layout Details

Designer	NICKAWHAT
Submitted on	Jun 13, 2008
Page views	124,033
Favorites	575
Comments	29
Reviewer	Relentless
Approved on	Jun 14, 2008

Binder Paper

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates