Balloons (with Rollovers)

Designer's Comments

Look carefully for specific instructions

It's been a while. I forget where I got the image of the girl from, so once I find it I will link it. Please leave the credit on.

Where you find "This is an example", select and delete that until you get to the closing div tag. Replace that with whatever you want to write.

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">
div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }
.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;}
img { border:0;}
</style>

a, a:link,a:active,a:visited{font-family:times new roman; font-size:11px; line-height:10px; color:630505;text-transform:uppercase;}
a:hover{font-family:times new roman;color:7CCFDC;background-color:E4E282;font-size:11px; line-height:10px;text-decoration:none; text-transform:uppercase;}

b{font-family: times new roman;
font-size: 12px;
text-transform:none;
color:DF34C7; 
line-height:12px;}
i{font-family: times new roman;
font-size: 12px;
text-transform:none;
color:8ACFD4; 
line-height:12px;}
u{font-family: times new roman;
font-size: 12px;
text-transform:none;
color:C3BC0D; 
line-height:12px;}

.addme {display:block;width:111px;height:39px;
background-image:url("http://cbimg6.com/layouts/09/08/35567ac.jpg"); background-repeat:no-repeat;}
.addme:hover {display:block;width:111px;height:39px;  background-image:url("http://cbimg6.com/layouts/09/08/35567ad.jpg"); background-repeat:no-repeat;}
.message {display:block;width:111px;height:31px;
background-image:url("http://cbimg6.com/layouts/09/08/35567ae.jpg"); background-repeat:no-repeat;}
.message:hover {display:block;width:111px;height:31px;  background-image:url("http://cbimg6.com/layouts/09/08/35567af.jpg"); background-repeat:no-repeat;}
.pics {display:block;width:112px;height:38px;
background-image:url("http://cbimg6.com/layouts/09/08/35567ag.jpg"); background-repeat:no-repeat;}
.pics:hover {display:block;width:112px;height:38px;  background-image:url("http://cbimg6.com/layouts/09/08/35567ah.jpg"); background-repeat:no-repeat;}
.comment {display:block;width:120px;height:31px;
background-image:url("http://cbimg6.com/layouts/09/08/35567ai.jpg"); background-repeat:no-repeat;}
.comment:hover {display:block;width:120px;height:31px;  background-image:url("http://cbimg6.com/layouts/09/08/35567aj.jpg"); background-repeat:no-repeat;}

.blog {display:block;width:114px;height:30px;
background-image:url("http://cbimg6.com/layouts/09/08/35567ak.jpg"); background-repeat:no-repeat;}
.blog:hover {display:block;width:114px;height:30px;  background-image:url("http://cbimg6.com/layouts/09/08/35567al.jpg"); background-repeat:no-repeat;}

.block {display:block;width:110px;height:30px;
background-image:url("http://cbimg6.com/layouts/09/08/35567am.jpg"); background-repeat:no-repeat;}
.block:hover {display:block;width:110px;height:30px;  background-image:url("http://cbimg6.com/layouts/09/08/35567an.jpg"); background-repeat:no-repeat;}

.credit {display:block;width:110px;height:33px;
background-image:url("http://cbimg6.com/layouts/09/08/35567ao.jpg"); background-repeat:no-repeat;}
.credit:hover {display:block;width:110px;height:33px;  background-image:url("http://cbimg6.com/layouts/09/08/35567ap.jpg"); background-repeat:no-repeat;}

</style>

This is an example of what <b>Bold</b> , <u>underlined</u> , <i>italic</i>  , <a href="http://createblog.com">links</a> look like.<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
<br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

</div>

Layout Comments

Showing latest 10 of 26 comments

THIS IS GRRR! I love these colors. I love the whole thing:)

By Butterface89 on Sep 11, 2010 10:30 am

Classic.

Although should make the italic a darker blue
hurting the eyesss

By emmijane on Mar 6, 2010 6:29 am

The rollovers and images weren't working because they are hosted on CB, and the server was down. They should be working now.

By karmakiller on Dec 21, 2009 7:54 pm

i always have problems with this layout when i wanna use it..
first the layout just wouldnt show..
then all of the text was in a super small text box, thats smaller than the comment text box..
and now the rollovers are just non-existant..
:(

By MissCuppyCake on Dec 21, 2009 12:07 pm