dynamite

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Be sure to add your friendid
Brushes from axeraider70 at devianart.com
Dont understand? Click here!

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>.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}</style>
<style>

body {
background-color:ffffff;
cursor: default;}

.dynamite{
background-color:00000; 
position:absolute;
left: 50%; 
width:811px;
height:555px;
z-index:1;
margin-left:-405px;
top:90px;}
.box{
background-color:transparent; 
position:absolute;
left: 50%; 
width:811px;
height:321px;
margin-left:-405px;
top:0px;
z-index:6;}
.homenav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:74px;
height:101px;
z-index:5;
margin-left:-44px;
top:231px;}
.home{
height:101px; 
width: 74px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32173aa.jpg) top left no-repeat; 
display: block;}
.home:hover{
background-position: bottom left;}
.messagenav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:71px;
height:101px;
z-index:5;
margin-left:32px;
top:231px;}
.message{
height:101px; 
width: 71px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32173ab.jpg) top left no-repeat; 
display: block;}
.message:hover{
background-position: bottom left;}
.commentnav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:84px;
height:101px;
z-index:5;
margin-left:103px;
top:231px;}
.comment{
height:101px; 
width: 84px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32173ac.jpg) top left no-repeat; 
display: block;}
.comment:hover{
background-position: bottom left;}
.picturesnav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:68px;
height:101px;
z-index:5;
margin-left:187px;
top:231px;}
.pictures{
height:101px; 
width: 68px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32173ad.jpg) top left no-repeat; 
display: block;}
.pictures:hover{
background-position: bottom left;}
.addnav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:51px;
height:101px;
z-index:5;
margin-left:255px;
top:231px;}
.add{
height:101px; 
width: 51px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32173ae.jpg) top left no-repeat; 
display: block;}
.add:hover{
background-position: bottom left;}
.blocknav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:75px;
height:101px;
z-index:5;
margin-left:306px;
top:231px;}
.block{
height:101px; 
width: 75px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/10/32173af.jpg) top left no-repeat; 
display: block;}
.block:hover{
background-position: bottom left;}
.homenav{
background-color:transparent; 
position:absolute;
left: 50%; 
width:74px;
height:101px;
z-index:5;
margin-left:-44px;
top:231px;}

.content{
background-color:transparent; 
position:absolute;
left: 50%; 
width:410px;
height:107px;
z-index:5;
margin-left:-33px;
top:337px;
overflow:auto;
font-family:trebuchet ms;
font-size:9px;
line-height:9px;
font-weight:normal;
color:980101;
}
h1 {
color:9d9d9d;
background-color:transparent;
border-bottom:1px solid;
border-color:dc0000;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
font-family:trebuchet ms;
display:block;
}
a:link, a:active, a:visited {
font-family:trebuchet ms;
font-size:9px;
color:980101;
font-weight:normal;
text-decoration:none;
}
a:hover {
font-family:trebuchet ms;
font-size:9px;
color:9d9d9d;
font-weight:normal;
text-decoration:none;
}
b{;font-size:10pt;} i, em{font-family:georgia;font-size:7pt;} U {font-style: border; border-bottom: 2pt solid; border-bottom-color:ffffff;} 
.white{
background-color:ffffff; 
position:absolute;
left: 0%; 
width:75px;
height:101px;
z-index:5;
top:0px;
overflow:auto;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1> Your header here </h1>

About you here

Layout Comments

Showing latest 10 of 16 comments

you have to use profile 1.0

By alek on Jul 17, 2009 12:23 pm

i cant get this to work at all closest i get is half the picture of dynamite in my about me but thats it... and its been stopping me from making my myspace can anyone plz help. ty.

By lightsout on Jul 17, 2009 12:20 pm

ace!

By Curiosum on Jul 10, 2009 7:22 am

The rollovers are pretty awesome.

By TaintedSakura on Mar 24, 2009 5:50 pm

It looks bad ass!!! I love it!!!

By KRYSANN77 on Feb 16, 2009 7:40 pm

love the rollovers :D
just awsomess.

By naomixchan on Jan 13, 2009 6:13 am

using this now.
myspace.com/skatingownsa ustralia
if you wanna have a look.
rollovers are fucking sick!!!!!
still dont understand why my profile song doesnt auto play in firefox?
any suggestions people?

By Apathyone on Nov 16, 2008 8:51 pm

Amazing!

By Tramatize on Oct 31, 2008 4:57 pm

I like the whole layout and I love the rollovers ^.^

By Firiath on Oct 24, 2008 4:10 am

Don't really like the nav itself or the header BUT
THE LAYOUT AND ROLLOVERS ARE AWESOME!!

By dilligrout on Oct 24, 2008 3:22 am

View all »

Layout Details

Designer	alek
Submitted on	Oct 23, 2008
Page views	24,292
Favorites	154
Comments	16
Reviewer	jaeminnie
Approved on	Oct 23, 2008

dynamite

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