BAM!

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

This isn't my best layout, but I like it because it's different. I tried to make it semi-manly but I have a feeling that didn't work out. D: Well, comments are appreciated. :D

Want to see all my layouts and graphics? website - myspace

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

<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{
background-color: 404040;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:9cb7c6;
scrollbar-track-color:404040;
scrollbar-shadow-color:fff;
scrollbar-face-color:fff;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}
</style>

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

.div{
position: absolute; 
left: 50%;
margin-left:-440px; 
top: 90px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-174px; 
top: 320px; 
z-index:5; 
width:  415px; 
height: 160px; 
overflow: auto;}

.section2{
position: absolute; 
left: 50%; 
margin-left:-178px; 
top: 494px; 
z-index:5; 
width:  327px; 
height: 83px; 
overflow: auto;}

.commentbox{position: absolute; left: 50%; margin-left:150px; top: 560px; z-index:1; width:  220px; height: 70px; border="0"}

.Buttonone{
font:normal 7px small fonts; 
color:000; 
font-weight:none; 
border: none; 
text-transform: uppercase; 
line-height:10px;
width:60px;
background-color:transparent;
align: left;
}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 87px; 
height: 57px; 
color: 000; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:9cb7c6;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;
}
a:hover{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;}

.standard b, p b, B, strong {
font-family:small fonts; 
font-size:7px; 
color:404040; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<style>.r{}</style>

<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>

<style>
div div select, div div form {display:none !important;}
select { filter:alpha(opacity=0); }
</style>

<style>.r{}</style>
<div class="div">
<img src="http://cbimg6.com/layouts/07/11/18/23187aa.gif"   usemap="#bam" border="0"><map name="bam">

<area shape="rect" alt="comments" coords="339,544 430,563" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">

<area shape="rect" alt="pics" coords="669,159 708,177" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">

<area shape="rect" alt="add" coords="426,158 458,178" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">

<area shape="rect" alt="message" coords="470,159 543,177" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">

<area shape="rect" alt="friends" coords="260,545 326,565" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">

<area shape="rect" alt="blog" coords="444,544 486,563" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">

<area shape="rect" alt="home" coords="617,160 659,178" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">

<area shape="rect" alt="credit" coords="500,544 590,562" href="http://www.atomicaffliction.com">

<area shape="rect" alt="block" coords="553,159 607,178" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">
</map> </div>

<div class="section1"><center>BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
</center> 
</div>

<div class="section2"><center>BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
</center> 
</div>

<div class="commentbox"><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" width="250" height="100" >BAM!</textarea><br> <input value="send" type="submit" class="buttonone"> </form></center></div>

<style>.r{}</style>

<style>.r{}</style>

Layout Comments

Showing latest 10 of 17 comments

Cool layout Gabi. :) I like this better than the "Splat!" layout. lol

By Mikeplyts on Feb 8, 2009 4:42 am

I have a tutorial on it on my website. Just click the link in my designer comments.

By schizo on Mar 29, 2008 10:37 am

how u make this kind of layout?

By lovemusicpop on Mar 29, 2008 9:56 am

all the dots are annoying and distracting.

By emberfly on Mar 18, 2008 7:40 pm

NVM I FOUND THE RIGHT ONE!!!! =]]

By KingJoe on Dec 4, 2007 11:59 pm

i cant get the comment thing to work
i put my friendid and it wont let ppl give me comments! =[ helpz plz

By KingJoe on Dec 4, 2007 11:57 pm

this is cool

By jesusisthebestthing on Nov 21, 2007 9:45 am

nice...like ure splat one too xD

By tainted-twilight on Nov 20, 2007 6:09 pm

awesome job with this one

By IVIike on Nov 18, 2007 11:28 pm

Looks awesome.

By Marlons on Nov 18, 2007 7:35 pm

View all »

Layout Details

Designer	schizo
Submitted on	Nov 18, 2007
Page views	16,614
Favorites	134
Comments	17
Reviewer	themarkster
Approved on	Nov 18, 2007

Layout Tags

, bam, schizo, blue, grey, silver, simple, plain

Layout Tools

Layout Affiliates

Here I Stand Layouts