Bubble

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Credits
omargarcia.net , devianart.com

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">
.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 {
background-image: url(http://layouts.cbimg8.com/35/17633f.jpg) ; 
background-repeat: repeat; 
background-position: bottom center;
line-height: 14px; 
cursor: default;
background-color: f5f5f5;}

html, body, div, p, span, font, a, img, area {
	cursor: crosshair !important;
}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
font-family:Verdana;
font-size: 8pt; 
color:ffffff; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
} 
.angel { 
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:20px; 
top:150px; 
visibility:visible;
}
.img_id {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:46px;
	top:-331px;
	margin-left:0px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 210px;
	height: 310px;
}

.personal {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:247px;
	top:-323px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 148px;
	height: 84px;
	}
	
.contenido {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:245px;
	top:-246px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 511px;
	height: 211px;

}
.friends{
	background-color:transparent;
	overflow:auto;
	position:absolute;
	left:191px;
	top:520px;
	visibility:visible;
	width: 325px;
	height: 83px;
}

.comment_box {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:175px;
	top:212px;
	margin-left:20px;
	margin-top:420px;
	text-align:left;
	visibility:visible;
	width: 208px;
	height: 100px;
}

</style>

<div class="blog"><img src="http://layouts.cbimg8.com/35/17633c.gif" border="0" usemap="#Map">
<map name="Map" id="Map">
  <area shape="rect" coords="352,327,421,348" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=FRIEND_ID" alt="Pictures" />
  <area shape="rect" coords="271,327,345,347" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" alt="Comments" />
  <area shape="rect" coords="190,327,257,348" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" alt="Message" />
  <area shape="rect" coords="121,327,177,347" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" alt="Add me" />
  <area shape="rect" coords="57,327,108,347" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=5e115f82-ca76-45b4-b2d7-579c58945d72" alt="Home" />
<area shape="rect" coords="653,571,754,592" href="http://omargarcia.net" alt="Omar Garcia" />
</map>
</div>
<div class="img_id"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR_ID"><img src="http://layouts.cbimg8.com/35/17633d.jpg" border="0"></a></div>
<div class="diablo">odgsvlsomf</div>

<div class="personal">
<strong>Name:</strong>xxxxxx
<br>
<strong>Age:</strong>:xxxxxx
<br>
<strong>Sign:</strong>xxxxxx
<br>
<strong>Home:</strong>xxxxxx
<br><strong>Status:</strong>xxxxxx
</div>
<div class="contenido">
<strong>
<h2>About Me</h2></strong>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

<strong>
<h2>About Me 2</h2></strong>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>

<div class="comment_box"><br>   
comment box here </div>

Layout Comments

Showing latest 10 of 14 comments

how do i get the comment box to work?

By karenjackson90 on Jun 21, 2008 9:25 am

I like this layout no matter what they say

By Dana07 on Jan 4, 2008 10:24 am

its cool but the coment box dont werk!!!

By crazeyeric on Oct 8, 2007 2:15 pm

you could do better...wheres the comment box code?

By Chicago on May 14, 2007 6:07 pm

i looks cool.

By Ben Plaistow on May 4, 2007 6:37 pm

Thanks guy for all the feed back good or bad , i really appreciated I guess beauty is in the eye of the beholder!Well this is what user think of bubble!http://omargarcia.net/joomla/index.php?opt...=view&id=36

By OmarGarcia on Apr 28, 2007 12:25 am

....=/I hate to be totally negative about a layout, but I honestly don't like anything about this one at all. It seems like it was slapped together in a few minutes. It doesn't seem to go together, the blank pink space is an eyesore, and the gener

By falsetigerlimbs on Apr 27, 2007 11:21 pm

I think it's fine.You guys should brush up on learning code, if you can't put the comment box in.Don't be lazy..I like how simple this is and i think the person did a good job with it.It has it's own style and not like everything on here..

By bloodkiss on Apr 27, 2007 2:41 pm

ehhh..the bubbles are just too..bubbly for me and I agree with the fonts..but I do like the hint of spiral for the blog bg

By synthase on Apr 24, 2007 5:11 pm

The background is too repetitive for me >_>And I don't like the fonts you chose to do this..

By cowsarecool on Apr 24, 2007 3:51 pm

View all »

Layout Details

Designer	OmarGarcia
Submitted on	Apr 23, 2007
Page views	62,535
Favorites	279
Comments	14