Bubbly

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

*new domain* barettaa.com :)

layout archive + services > baretta.uni.cc

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url('http://cbimg6.com/layouts/08/03/16/26244ac.gif') center; 
background-repeat: repeat; 
background-color:C7D9E3;
line-height: 17px; 
cursor: default;
color:444444;}

.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;}

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;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:3; 
top:0; 
margin-top:323px;
left: 50%;
margin-left: -379px;
text-align:left; 
visibility:visible;
width:750px;}
* html .nav { margin-top:317px; }

.sidenav {
background-color:transparent; 
position:absolute; 
z-index:3; 
top:0; 
margin-top:405px;
left: 50%;
margin-left: 174px;
text-align:left; 
visibility:visible;}

.aboutme { 
background-color:transparent; 
width: 505px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-top:405px;
left: 50%;
margin-left: -365px;
text-align:left; 
visibility:visible; 
font-size: 8pt; }

.div { 
background:; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:90px;
left: 50%;
margin-left: -390px;
text-align:left; 
visibility:visible;}

div.sidenav a {
text-align: left;
font-family: 'arial';
text-transform:uppercase;
letter-spacing:3px;
font-size:10px;
display:block;}

div.sidenav a:link , .sidenav a:visited, div.sidenav  a:active {
color:5E3402;
display:block;
font-style:normal;
border-left:8px solid;
border-left-color:70B7DC;
padding:3px 52px;
margin-top:10px;
background-color:88CAEC;}

div.sidenav a:hover {
color:C0D6B6;
background-color:582F0F;
border-left:8px solid;
border-left-color:EDF4F7;}

div.nav a {
text-align: left;
font-family: 'arial';
text-transform:uppercase;
letter-spacing:3px;
font-size:10px;
display:block;
line-height:45pt;}

* html div.nav a { line-height:55pt;}

div.nav a:link , .nav a:visited, div.nav  a:active {
color:fff;
display:inline;
font-style:normal;
border-left:1px solid;
border-left-color:fff;
padding:12px 25px 12px 25px;}

div.nav a:hover {
color:C0D6B6;
background-color:472401;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:006F98; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 18px;}

h1 {
font: 20pt "arial";
text-align: left;
letter-spacing: 0px;
text-transform: lowercase;
margin: 10px 0 10px 0;
color:1E9DDF; 
padding-left:10;
border-bottom:2px solid;
border-bottom-color:fff;}

a:link, a:visited, a:active {color:623807; text-decoration: none; font-weight:bold;}
a:hover {cursor: crosshair; color: 52A9D6; text-decoration: none;}

input, textarea {
cursor: default; 
color:CCECFD;
font-size:8pt;
font-family:arial;
background-color:52A9D6;
border-width:1px; border-style:solid; border-color:CCECFD;
padding:1;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

blockquote.extra { 
margin-top:10px; 
padding:5px; 
text-align:center;
background-color:BBE0EE;
border-width:1px; 
border-style:solid; border-color:30AEDC;
color:30AEDC;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

</td></tr></table></td></tr></table></td></tr></table></div>

<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My Pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>  
<a href="http://barettaa.com/">Credit</a>

</div>

<h1>Bubbly by Fainaru</h1>
<b>March 15, 2008</b><br>

<blockquote class="extra">I will walk life that shines highest </blockquote><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo nibh ultricies laoreet. <br><br><br>

Sed dui. In hac habitasse platea dictumst. Quisque malesuada ornare eros. Cras justo ligula, gravida vitae, pretium at, malesuada sit amet, odio. Curabitur vel ante vitae quam dapibus molestie. Sed pharetra consequat mi. Donec enim massa, faucibus sit amet, dictum eu, rutrum ut, augue. Fusce nibh nisl, tempus sit amet, congue eu, pharetra eget, augue. Aenean blandit auctor lorem. Aliquam augue est, aliquam in, tincidunt et, malesuada eget, nibh. Curabitur suscipit, justo eget adipiscing adipiscing, metus ligula molestie diam, at dapibus metus metus et turpis. Nulla ac mi sit amet sapien pretium bibendum.<br><br><br>

Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep a credit link somewhere.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="50" rows="6">Sample Comment Box</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 21 comments

i love this

By x-hotchocbun-x on Jul 22, 2008 5:40 am

i used this for the LONGEST time when u 1st put it up !!

By angelibeaner on Jun 22, 2008 12:09 am

I love this! As I do all of your designs...but the comment box is not working for me, I double checked by copying and pasting the code and my friend id again, still not working. I am still using this layout however :] the comment box is just a tiny issue.

By demetria06 on Mar 26, 2008 11:02 am

Great colors. Great set up, as usual...I love this.

By jesusisthebestthing on Mar 20, 2008 2:09 pm

i love it. and yay for gazette lyrics!

By miyashu on Mar 19, 2008 12:36 am

I like it, you bring a new level to web designing. I like how you make sure your work is almost perfect before you publish it and unlike most people you actually know what you're doing. :D

Createblog should give out awards or something for amazing layouts or something like that and you would be guaranteed to win.

By tamerofhope on Mar 18, 2008 5:41 pm

very cute. :3

By IchigoJunkie on Mar 17, 2008 8:57 pm

nice colors. I like how on your layout, you can actually read the words. Unlike some other layouts where the words are freakishly bright colors that make your eyes melt. -- rofl.

By emberfly on Mar 17, 2008 7:25 pm

this is cute and nicely structured. it's clean & simple. however, there seems to be a bit too much blue. you might want to create more contrast with blues or have white as your background color. im not sure chocolate brown and blue really goes together. very nice overall. nice details. good job.

By twodreamlovers on Mar 17, 2008 3:51 pm

A little monochromatic, but still lovely.

By livwho on Mar 17, 2008 11:51 am

View all »

Layout Details

Designer	fainaru
Submitted on	Mar 16, 2008
Page views	22,471
Favorites	188
Comments	21
Reviewer	agiri
Approved on	Mar 16, 2008

Bubbly

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