boxes

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:666666;
background-image: url(http://cbimg9.com/layouts/08/10/32001aa.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;
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: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:475;
width:135px;
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:140;
left:430;
width:215px;
height:50px;
overflow:fixed;
font-size:25px;
color:006699;
font-family:tahoma;
letter-spacing:-1px;
cursor:default;
}

.subtitle {
position:absolute;
top:158;
left:513;
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 #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 #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/32001ab.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/32001ac.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 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/32001ad.jpg" 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 6 of 6 comments

Rectangular prisms makes it sound wayyy too smart for a simple layout XD

By Firiath on Oct 24, 2008 4:33 am

This is pretty neat.

By melancholiclights on Oct 14, 2008 11:05 pm

rectangular prisms? :o

By goth-nina on Oct 14, 2008 9:31 pm

rectangular*

By schizo on Oct 14, 2008 6:12 pm

If you think of them as "rectangle prisms" and not "boxes," it makes it sound a lot more interesting. :D

By schizo on Oct 14, 2008 6:12 pm

I think having boxes as a theme is a bit boring.. but your layout is really well put together [:

By dilligrout on Oct 14, 2008 5:51 pm

Layout Details

Designer	Absinthinjector
Submitted on	Oct 14, 2008
Page views	12,278
Favorites	40
Comments	6
Reviewer	jaeminnie
Approved on	Oct 14, 2008

boxes

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