image*

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Friend ID first. Replace XXXXX with friend ID.

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 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;}
.navigationbar {display:none;}

.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}

body {
background-color:8dfeff;
background-image:url();
cursor:crosshair;
a:hover { cursor:crosshair;}
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
scrollbar-face-color:ffffff;
scrollbar-track-color:8dfeff;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;

}

a.nava, a.nava:link, a.nava:active, a.nava:visited {
border-right:2px solid; border-color:000000; 
 width:100%px; margin:0px; margin-top:0px; margin-bottom:0px; padding-right:0px; padding-left:0px; display:block; background:transparent; font-family:arial; font-size:12px; font-weight: normal; color: 000000; letter-spacing: -1px; text-decoration: none;text-transform: uppercase; text-align:left; line-height:12px;}

a.nava:hover {border-right:2px solid; border-color:8dfeff;   width:100%px;    display:block;   background:000000;
   font-family:arial;
   font-size:12px;
   font-weight: normal;
   color: white; 
   letter-spacing: px;
   text-decoration: none;
   text-align:left;
   text-transform:uppercase ; 
   line-height:12px;
   cursor:crosshair;
}

.copy {
top:580px;
left:20px;
position:absolute;
overflow:auto;
height:20px;
width:300px;
font-family:arial;
Font-size:9px;
color:000000;
}

.about {
background-color:transparent;
border:0px solid;
border-color:000000;
width:220px;
height:190px;
position:absolute;
overflow:auto;
top:230px;
left:230px;
font-family:microsoft sans serif;
color:FFFFFF;
text-align:left;
font-size:11px;
line-height:11px;
text-decoration:none;
font-weight:normal;
letter-spacing:;
scrollbar-face-color:000000;
scrollbar-arrow-color:white;
scrollbar-track-color:000000;
scrollbar-shadow-color:000000;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-darkshadow-color:000000;
filter:chroma(color=647A19);

}

.interests {
background-color:transparent;
border:0px solid;
border-color:000000;
width:220px;
height:190px;
position:absolute;
overflow:auto;
top:230px;
left:450px;
font-family:microsoft sans serif;
color:FFFFFF;
text-align:left;
font-size:9px;
line-height:9px;
text-decoration:none;
font-weight:normal;
letter-spacing:;
scrollbar-face-color:647A19;
scrollbar-arrow-color:white;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);

}

.nav {
height:200px;
width:100px;
top:200px;
left:800px;
position:absolute;
overflow:auto;
}

.h1 {
font-family:century gothic;
font-size:15px;
line-height:17px;
color:00ffff;
text-transform:lowercase;
display:block;
border-bottom:1px solid;
}

.layout { 
height:500px;
width:500px;
top:100px;
left:200px;
position:absolute;
overflow:auto;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava"> Message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nava"> Photography</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=274967b5-3ca0-470b-88c3-dfb05c91cf37" class="nava"> Comment</a></div>

<div class="about">
About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.About me here.
</div>

<div class="interests">
<br><h1>Music</h1>
Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.Music.

<br><h1>Books</h1>
Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.Books.

<br><h1>Films</h1>
Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.Films.

<br><h1>Heroes</h1>
Heroes.Heroes.Heroes.Heroes.Heroes.Heroes.Heroes.Heroes.Heroes.Heroes.
</div>

<div class="copy">
©2003-2008 MySpace.com. All Rights Reserved</div>

Layout Comments

Showing latest 5 of 5 comments

I rushed it. I only posted it out of boredom..

By Decode on Mar 8, 2008 2:38 pm

i like it, except for the fonts. but that can be changed manually.

By alecreations on Mar 8, 2008 1:16 pm

Jesus you guys are mean haha I like it =]

By TruZzyx on Mar 8, 2008 12:40 pm

the bakcround makes my eyes hurt =/

By eSTReLLiTaFuGaZ on Mar 8, 2008 11:43 am

the set up is nice. But I dont like the background color or nav.

By none345678 on Mar 7, 2008 11:40 pm

Layout Details

Designer	Decode
Submitted on	Mar 7, 2008
Page views	19,377
Favorites	121
Comments	5
Reviewer	Insurmountable
Approved on	Mar 7, 2008

image*

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates