Bubbles!!!

Designer's Comments

Look carefully for specific instructions

Erm, I hope you like this layout! Please follow the rules concerning the layout and...uhm...enjoy all that blue!! Haha!

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bubbles!  Blub Blub!</title>
</head>
<body>
<style type="text/css">
body { 
margin : 0;
padding : 0;
color : #fff;
font-size : 8pt;
line-height : 12pt;
font-family : sans-serif;
background-color : #95e2ff;
background-image : url(http://cbimg6.com/layouts/07/08/21/20832aa.jpg);
background-repeat : repeat-x;
} 
input, textarea, select { 
background : #fffcc8;
font-size : 11px;
font-weight : bold;
font-family : tahoma;
color : #000;
border : 1 solid #9d7600;
} 
i { 
font-size : 12px;
font-family : Arial;
color : #e8fdff;
font-weight : bold;
} 
b { 
font-size : 12px;
font-family : tahoma;
color : #00f1fb;
} 
u { 
font-size : 12px;
font-family : tahoma;
color : #d5cbff;
font-weight : bold;
} 
s { 
font-size : 12px;
font-family : tahoma;
color : #024148;
font-weight : bold;
} 
strong { 
font-size : 14px;
font-family : tahoma;
font-weight : bolder;
color : #00f1fb;
} 
em { 
font-size : 13px;
font-family : tahoma;
color : #e8fdff;
} 
h1 { 
color : #dafdff;
letter-spacing : -1px;
font-size : 28px;
text-align : left;
font-family : century gothic;
} 
h2 { 
color : #00f3fc;
letter-spacing : -1px;
font-size : 20px;
text-align : left;
font-family : century gothic;
} 
h3 { 
color : #dadbff;
letter-spacing : -1px;
font-size : 16px;
text-align : left;
font-family : century gothic;
} 
A:link, a:active, a:visited { 
color : #bdf4ff;
text-decoration : none;
font-size : 12px;
font-weight : bold;
font-family : tahoma;
cursor : crosshair;
height : 1px;
} 
A:hover { 
color : #aebcf9;
text-decoration : none;
font-size : 12px;
font-weight : bold;
font-family : tahoma;
} 
a.menu:link, a.menu:active, a.menu:visited { 
color : #2f2f2f;
letter-spacing : 2px;
line-height : 18px;
margin-right : 0;
display : block;
margin-top : 1px;
border-top : none;
text-align : center;
background-color : #e8fbff;
} 
a.menu:hover { 
color : #2f2f2f;
letter-spacing : 2px;
line-height : 18px;
margin-right : 0;
display : block;
margin-top : 1px;
border-bottom : none;
text-align : center;
background-color : #00a5e8;
} 
a img { 
border : none;
border-bottom : 0;
} 
#container { 
margin-top : 0px;
background-color : transparent;
background-repeat : repeat-y;
background-image : url(http://cbimg6.com/layouts/07/08/21/20832ab.jpg);
border : 0 solid #ffffff;
width : 800px;
} 
#header { 
background-image : url(http://cbimg6.com/layouts/07/08/21/20832ac.jpg);
background-color : transparent;
height : 700px;
width : 800px;
border-bottom : 0 solid #ffffff;
margin-top : 0px;
} 
#banner h1 { 
margin : 0;
padding : 0.5em;
} 
#nav { 
float : right;
width : 135px;
margin-right : 45px;
padding-top : 5px;
text-align : left;
margin-top : -250px;
} 
#content { 
width : 565px;
margin-left : 45px;
float : left;
text-align : left;
padding-top : 5px;
margin-top : -250px;
} 
#footer { 
clear : both;
background-color : transparent;
background-image : url(http://cbimg6.com/layouts/07/08/21/20832ad.jpg);
background-repeat : no-repeat;
padding : 0em;
width : 800px;
height : 440px;
text-align : right;
border-top : 0 solid #ffffff;
}
</style>

<h1>Head</h1>
Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!

<h1>Creds</h1>

Layout by <a href="http://atomicxkiss.net">Atomic Kiss</a> 
<br>
<b>©</b> Your Name 200?-200?

</div>

<h1Header</h1>
<center>
<b>Bold</b>
<br>
<i>Italics</i>
<br>
<u>Underlined</u>
<br>
<s>Strike Through</s>
<br>
<a href="http://urlhere.com">Normal Link</a>
</center>

<h1>Important</h1>
<h2>layout info</h2>
<h3>please read</h3>
1. Please leave the credit on the sidebar as well as the credit on the image.  Stealing is <b>wrong</b>!
<br>
2. HTML knowledge isn't necessasary, but it is encouraged :)
<br>
3. You may change the color scheme of the menu nav or links or any of the bold, italics, underlined, and strikethroughs :)
<br>
4. You may email me with any questions or concerns about this layout
<br>
5. Please do not claim any part of this layout as your own.
<br>
6. If you steal this layout or any part of it, I will find out, and your IP will be blocked from my site

<h1>Head</h1>
Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!  Your info here!

</body>
</html>

Layout Comments

Showing latest 6 of 6 comments

Hey I don't get how to make the links so that when you click them it leads to another page on your website. someone tell me.

By katie-M-g on Jul 28, 2008 10:59 am

Ahhhh this layout is so awesome! I love it! =DDD

By Cartunist on Aug 28, 2007 8:50 am

i definitely like..imm using..Great Job=}

By chynadoll954 on Aug 24, 2007 6:40 pm

Cute! :-D

By blynkie on Aug 21, 2007 9:19 pm

aw im sad the image quality has lowered :( its not as pretty. if you want the high quality image get it from my site! http://atomicxkiss.net

By sheertalentx on Aug 21, 2007 7:07 pm

This is cute. Good job!

By incessantly on Aug 21, 2007 1:29 pm

Layout Details

Designer	sheertalentx
Submitted on	Aug 21, 2007
Page views	7,430
Favorites	30
Comments	6
Reviewer	IVIike
Approved on	Aug 21, 2007

Bubbles!!!

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates