icey

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

change 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 type="text/css">
body {
color:fff;
background-color:999999;
background-image: url(http://cbimg9.com/layouts/08/10/31999aa.png);
background-position:200 30;
background-repeat:no-repeat;
background-attachment:scroll;
font-size:12px;
font-family:arial;
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:180;
left:204;
width:290px;
height:385px;
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:189aca;
scrollbar-darkshadow-color:000;
scrollbar-shadow-color:189aca;
scrollbar-arrow-color:fff;
scrollbar-track-color:000;
color:fff;
font-size:12px;
}

.navigation {
position:absolute;
top:400;
left:500;
width:115px;
height:170px;
overflow:fixed;
background-color:;
}

.extras {
position:absolute;
top:180;
left:500;
width:118px;
height:200px;
overflow:auto;
background-color:;
overflow-x:hidden;
scrollbar-face-color:000;
scrollbar-highlight-color:000;
scrollbar-3dlight-color:189aca;
scrollbar-darkshadow-color:000;
scrollbar-shadow-color:189aca;
scrollbar-arrow-color:fff;
scrollbar-track-color:000;
}

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

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

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

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

a.blue:link, a.blue:visited {
font-size:15px;
color:189aca;
background-image: url(http://cbimg9.com/layouts/08/10/31999ab.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/31999ac.png);
background-repeat:no-repeat;
background-position:10 0;
display:block;
line-height:20px;
text-decoration:none;
padding-left:30px;
text-transform:lowercase;
cursor:help;
}

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

s {
color:189aca;
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 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/31999ad.gif" width="110" height="100px">
Your pic here ^ ^
<b>Name:</b><s>Joe bloggs</s>
<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 1 of 1 comments

I like this one, it's nice and simple.

By jeanii on Nov 9, 2008 10:43 am

Layout Details

Designer	Absinthinjector
Submitted on	Oct 14, 2008
Page views	9,439
Favorites	49
Comments	1
Reviewer	jaeminnie
Approved on	Oct 14, 2008

icey

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