boundaries

Myspace Layouts / Div Overlay

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><p><a href="http://stayc.createblog.com/layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/10/03/36216aa.png" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
a:active, a:link, a:visited {
Font: normal 10px arial;
text-transform: uppercase;
Color: 000000;
}

a:hover {
Color: 000000;
Text-Decoration: None;
Cursor: arrow; 
}

.nava:link, .nava:visited, .nava:active {
display: block;
padding-left:10px;
margin-bottom:7px;
text-transform:uppercase;
letter-spacing: 0px;
color:000000; 
border-bottom: 0px solid;
font: normal 10px arial;
text-align: left;
background-color: FFFFFF;
line-height: 15px;
}

.nava:hover {
display: block;
padding-left:30px;
margin-bottom:7px;
letter-spacing:0px;
border-bottom: 0px solid;
font: normal 10px arial;
text-align: left;
border-color:black;
color:FFFFFF;
text-decoration:none;
line-height:15px;
background-color: 8242a0;
text-decoration:none;
}

.content1 {
background: transparent;
width:400px;
height: 350px;
position: absolute;
overflow: auto;
top: 300px;
left: 45%;
margin-left:-90px;  
Font-family: "arial";
font-size: 10pt;
line-height: 14px; 
color: 000000;
}

div {
scrollbar-face-color: 8242a0;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 8242a0;
scrollbar-shadow-color: 8242a0;
scrollbar-highlight-color: 8242a0;
scrollbar-3dlight-color: 8242a0;
scrollbar-darkshadow-color: 8242a0;
filter: chroma(color=8242a0);
font: 10px arial;
line-height: 20px; 
color: 000000;
text-align: left;
}

.content2 {
background: transparent;
width: 150px;
height: 250px;
position: absolute;
overflow: auto;
top: 320px;
left: 45%;
margin-left: -310px;
overflow:hidden;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}

div {
scrollbar-face-color: 8242a0;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 8242a0;
scrollbar-shadow-color: 8242a0;
scrollbar-highlight-color: 8242a0;
scrollbar-3dlight-color: 8242a0;
scrollbar-darkshadow-color: 8242a0;
filter: chroma(color=8242a0);
font: 10px arial;
line-height: 20px; 
color: 000000;
text-align: left;
}

BODY {
background-color: FFFFFF; 
cursor: crosshair;}

b, strong {
Font-family: "arial";
Text-transform: none;
font-size: 10px;
text-decoration: none;
color:2b4025;
}

i {font:italic 10px arial;
color:000000; 
}

.image {
top:100px;
left: 40%;
margin-left: -400px;
position:absolute;
z-index:0;
}

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;}
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;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
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;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} 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 {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<b>bold</b> <i>italic</i> <u>underline</u> <a href="YOUR" class="nava">link</a>
This is where all of your info goes, about you, your life, whatever you wish.. it will scroll down the more and more you add also.

1
<br />
<br />
<br />

2

3
<br />
<br />
<br />

4

5

6
<br />
<br />
<br />

like this. thanks :)

</div>

<div class="content2">
<a href="http://www.myspace.com" class="nava">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=XXXXXXXX" class="nava">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendId=XXXXXXXX" class="nava">Add</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXX" class="nava">Comment</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nava">Pictures</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXXXX" class="nava">Block</a>
<a href="http://profileedit.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=0" class="nava">Favorites</a>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=XXXXXXXX" class="nava">Videos</a>
<a href="http://music.myspace.com/index.cfm?fuseaction=music.singleplaylist&friendid=XXXXXXXX" class="nava">Playlists</a>
<a href="YOUR" class="nava">LINK HERE</a>
<a href="http://stayc.createblog.com/layouts/" class="nava">Credit</a>

</div>
</style>

Layout Comments

Showing latest 7 of 7 comments

It looks tacky. :\

By jfaisman on Oct 8, 2011 10:27 pm

Its cute , but not working

By iMoe on Jul 14, 2010 7:33 pm

pretty

By CuntBlog on Jul 13, 2010 1:45 am

My friends cant comment me =[

By xolilshawty97xo on Jul 12, 2010 8:10 am

This is beautiful.

By lwelizabeth on Mar 30, 2010 2:56 am

should be working fine now.

By stayc on Mar 28, 2010 1:10 am

none of the images in thus site are working for me

By aazzAAZZ09 on Mar 26, 2010 1:31 am

Layout Details

Designer	stayc
Submitted on	Mar 20, 2010
Page views	23,960
Favorites	67
Comments	7
Reviewer	Cristy
Approved on	Mar 23, 2010

boundaries

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates