Bom Chicka Wah Wah

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

if you have any question please post it at omargarcia.net

enjoy!!

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">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

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;}
body div table td form img{display:none!important;}

table table,table table table table,table table{
background-color:transparent;
width:;
border:0px;
} 
div,table,tr,td,th{
background-color:transparent;
text-align:left;
border:0px;
}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{
display:none;
}
div table form tr td,td.text table,a.text, table div font a,table div div,{
visibility:hidden;
di-splay:none
}
td.text table table {
display:inline; 
visibility:visible;
}
embed{
position:absolute;
top:0px;
left:0px;
display:block;
width:0px; 
height:0;
}
a.text, table div font a, table div div {
visibility:hidden;
}
table tbody td table tbody tr td.text table {
visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;
}

.comments{
background-image: url(http://omargarcia.net/myspace/createblog/bomchika/com_bg.jpg);
background-repeat:repeat-y;
visibility:visible;
width:700px; 
position:absolute;
padding:15px;
top:936px;
left:90px; 
overflow-y:none;
overflow-x:hidden;
z-index:2px;
}

body {
background-image: url(http://omargarcia.net/myspace/createblog/bomchika/bg.jpg);
background-repeat: repeat; 
background-position: top left;
line-height: 14px; 
cursor: default;
background-color: fff;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
font-family:Verdana;
font-size: 8pt; 
color:000000; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
} 
.serio { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:20px; 
top:150px; 
visibility:hidden;
z-index:1;
}
.blog { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:90px; 
top:138px; 
width: 820px;
visibility:visible;
}

.img_id {
	background-color:transparent;
	overflow:none;
	position:absolute;
	z-index:3;
	left:410px;
	top:78px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 86px;
	height: 85px;
}

.personal {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:498px;
	top:-5px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 250px;
	height: 77px;
	}
	.persona2 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:409px;
	top:75px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 340px;
	height: 305px;
	}
	
.menu {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:71px;
	top:-208px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 708px;
	height: 161px;

}

.video {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:125px;
	top:187px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 208px;
	height: 175px;
}

a:link, a:visited, a:active {color:fff; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 000; text-decoration: none;}

.friends1 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:116px;
	top:78px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 79px;
	height: 77px;
}
.friends2 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:196px;
	top:78px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 95px;
	height: 94px;
}
.friends3 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:275px;
	top:78px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 96px;
	height: 96px;
}
.friends4 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:116px;
	top:159px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 93px;
	height: 96px;
}
.friends5 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:275px;
	top:159px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 96px;
	height: 96px;
}
.friends6 {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:196px;
	top:159px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 93px;
	height: 96px;
}
.music {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:91px;
	top:-342px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 251px;
	height: 84px;

}

</style>
<div class="blog"> <img src="http://omargarcia.net/myspace/createblog/bomchika/blog.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="268,312,313,329" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&amp;friendID=YOUR ID" alt="blog" />
  <area shape="rect" coords="198,312,243,329" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=YOUR ID" alt="pictures" />
  <area shape="rect" coords="132,312,177,329" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=YOUR ID" alt="message" />
  <area shape="rect" coords="66,312,111,329" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&amp;friendID=YOUR ID" alt="add me" />
<area shape="rect" coords="11,312,56,329" href="http://home.myspace.com/index.cfm?fuseaction=user&amp;MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04" alt="Home" />
</map> 
</div>
<div class="img_id">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=YOUR_ID"><img src="http://x.myspace.com/images/no_pic.gif" border="0"></a></div>

<div class="personal">
<b>Name:</b>xxxxxx
<br>
<b>Age:</b>:xxxxxx
<br>
<b>Sign:</b>xxxxxx
<br>
<b>Home:</b>xxxxxx
<br>
<b>Status:</b>xxxxxx
</div>

<div class="persona2">
<h1>About Me</h1>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>

<div class="menu">
 <object type="application/x-shockwave-flash" data="http://omargarcia.net/myspace/createblog/bomchika/omargarcia.swf" height="160" width="700" align="middle">
  <param name="movie" value="http://omargarcia.net/myspace/createblog/bomchika/omargarcia.swf" />
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="quality" value="high" />
  <param name="menu" value="false" />
  <param name="wmode" value="transparent" />
</object>
</div>
<div class="serio">odgsvlsomf-chika</div>

<div class="music">add music here</div>

</div>

Layout Comments

Showing latest 10 of 21 comments

can you BELIEVE little boys have asked me if they buy a tag spray that would actually work? haha. i love the layout [:

By goth-nina on Oct 16, 2008 1:44 pm

Can somone show some sort of tutorial of how to make such smooth rollovers?

Did you use gif images that play once?

There really awesome!

By Maccabee on Apr 18, 2008 9:29 pm

this is one of my all time favorite layouts by you :]

By IVIike on Sep 16, 2007 5:59 pm

lmao when I saw this, gotta use it! 10 stars!!!

By keedapearl on Sep 3, 2007 10:37 pm

ooops....sorry

By gatorfandyl on Aug 18, 2007 8:48 pm

Well sorry but is BOM CHICKA WAH WAH
this is the web site link
http://axebcww.com/main. php?loc=us
and sorry you dont like it!!
but thanks for the feed back!

By OmarGarcia on Jul 17, 2007 1:10 pm

You have alot of layouts featuring some random chicks noone really cares about, and second of all, it's bow chicka wow wow.

By Sabrina901 on Jul 17, 2007 11:21 am

Different, I like it! It's cool! You always have the most different ideas.

By FoxLucky on Jun 27, 2007 3:01 pm

I would kill for this in PSD form!

www.myspace.com/inyof acey

By wordupg on Jun 26, 2007 9:16 pm

I Love this layout!!! I'm not familiar with the whole Bom Chicka Wah Wah thing, but would definitely love to see other overlays with the exact layout but with other 'themes'. Great Work!!!
10 Stars for you :)

By BopGirl on Jun 25, 2007 1:14 am

View all »

Layout Details

Designer	OmarGarcia
Submitted on	Jun 22, 2007
Page views	30,484
Favorites	71
Comments	21
Reviewer	freeflow
Approved on	Jun 22, 2007