illume

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

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

body {
color:fff;
background-color:666666;
background-image: url(http://cbimg9.com/layouts/08/10/31997aa.png);
background-position:200 30;
background-repeat:no-repeat;
background-attachment:scroll;
font-size:12px;
font-family:arial;
scrollbar-face-color:666666;
scrollbar-highlight-color:666666;
scrollbar-3dlight-color:666666;
scrollbar-darkshadow-color:666666;
scrollbar-shadow-color:666666;
scrollbar-arrow-color:000;
scrollbar-track-color:666666;
overflow-y:hidden;
}

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 div { position:absolute; 
bottom:1000px;
}

.aboutme {
position:absolute;
top:200;
left:204;
width:260px;
height:375px;
background-color:;
overflow:fixed;
background-image: url();
padding:px;
background-repeat:no-repeat;
overflow:auto;
scrollbar-face-color:000;
scrollbar-highlight-color:000;
scrollbar-3dlight-color:006699;
scrollbar-darkshadow-color:000;
scrollbar-shadow-color:006699;
scrollbar-arrow-color:fff;
scrollbar-track-color:000;
cursor:default;
color:fff;
font-size:12px;
}

.navigation {
position:absolute;
top:420;
left:470;
width:115px;
height:170px;
overflow:fixed;
background-color:;
cursor:default;
}

.extras {
position:absolute;
top:200;
left:470;
width:125px;
height:200px;
overflow:auto;
background-color:;
overflow-x:hidden;
scrollbar-face-color:000;
scrollbar-highlight-color:000;
scrollbar-3dlight-color:006699;
scrollbar-darkshadow-color:000;
scrollbar-shadow-color:006699;
scrollbar-arrow-color:fff;
scrollbar-track-color:000;
cursor:default;
}

.title {
position:absolute;
top:150;
left:420;
width:215px;
height:50px;
overflow:fixed;
font-size:25px;
color:006699;
font-family:tahoma;
letter-spacing:-1px;
cursor:default;
}

.subtitle {
position:absolute;
top:169;
left:493;
width:215px;
height:50px;
overflow:fixed;
font-size:12px;
color:fff;
font-family:tahoma;
letter-spacing:-1px;
cursor:default;
}

p.header {
border-left:1px solid;
border-color:fff;
padding-left:4px;
line-height:16px;
font-size:16px;
margin-bottom:4px;
margin-top:6px;
color:006699;
letter-spacing:-1px;
cursor:default;
}

p.title1 {
border-left:1px solid;
border-color:fff;
padding-left:4px;
font-size:25px;
color:006699;
letter-spacing:-1px;
}

a.blue:link, a.blue:visited {
font-size:15px;
color:006699;
background-image: url(http://cbimg9.com/layouts/08/10/31997ab.png);
background-repeat:no-repeat;
display:block;
line-height:20px;
text-decoration:none;
padding-left:30px;
text-transform:lowercase;
cursor:help;
}

a.blue:hover {
font-size:15px;
color:fff;
background-image: url(http://cbimg9.com/layouts/08/10/31997ac.png);
background-repeat:no-repeat;
background-position:5 0;
display:block;
line-height:20px;
text-decoration:none;
text-align:left;
text-transform:lowercase;
cursor:help;
}

b {
color:006699;
font-size:10px;
}

s {
color:fff;
font-size:10px;
margin-left:3px;
text-decoration:none;

}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="blue">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR ID HERE" class="blue">Add

</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR ID HERE" class="blue">Message </a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR ID HERE"

class="blue">Pictures  </a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR ID HERE"

class="blue">Comment     </a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR ID HERE" class="blue">Blogs </a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR ID HERE" class="blue">Block     </a>

</div>
</div>

<div class="aboutme">
<p class="header">Title number 1  </p>

Effective communication through visual implementation. Graphic Design is a part of everything we see and touch.

It's impossible to realise how profoundly it affects our lives. Graphics surround us in all shapes and forms, whether they be

functional, informative or purely aesthetic; the title screens of the last movie you saw, the coaster you rest your drink on, the

billboard you notice on the way to work and even the logo on your favourite piece of clothing.

<p class="header">Title number 2   </p>

Effective communication through visual implementation. Graphic Design is a part of everything we see and touch.

It's impossible to realise how profoundly it affects our lives. Graphics surround us in all shapes and forms, whether they be

functional, informative or purely aesthetic; the title screens of the last movie you saw, the coaster you rest your drink on, the

billboard you notice on the way to work and even the logo on your favourite piece of clothing.

<p class="header">Title number 3    </p>

Effective communication through visual implementation. Graphic Design is a part of everything we see and touch.

It's impossible to realise how profoundly it affects our lives. Graphics surround us in all shapes and forms, whether they be

functional, informative or purely aesthetic; the title screens of the last movie you saw, the coaster you rest your drink on, the

billboard you notice on the way to work and even the logo on your favourite piece of clothing.

</div>

<div class="extras">
<img src="http://cbimg9.com/layouts/08/10/31997ad.gif" width="110" height="100px">
Your pic here ^ ^
<b>Name:</b><s>Joe bloggs</s><br>
<b>Age:</b><s>15</s><br>
<b>Location:</b><s>place</s><br>
<b>Occupation:</b><s>school</s><br>
<b>Mood:</b><s>okay</s><br>
<b>Sex:</b><s>male</s><br>
<b>etc:</b><s>lol??</s><br>
</div>

<div class="title">
Myspace.com
</div>

<div class="subtitle">
a place for friends
</div>

Layout Comments

Showing latest 4 of 4 comments

I like it, but for me it shows a scrollbar at the bottom of the page rather than on the right side.

By alyssabxtch on Nov 12, 2008 5:48 pm

That's oober neat.

By Eww on Oct 14, 2008 10:06 pm

Pretty neat, but does the ad show on myspace? in the live preview its pretty high and the ad overlaps it

By Blaqheartedstar on Oct 14, 2008 7:00 pm

Cool. I like it. :)

By schizo on Oct 14, 2008 6:14 pm

Layout Details

Designer	Absinthinjector
Submitted on	Oct 14, 2008
Page views	6,661
Favorites	38
Comments	4
Reviewer	jaeminnie
Approved on	Oct 14, 2008

illume

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