Butterfly Dance

Designer's Comments

Look carefully for specific instructions

replace XXXXXXXX with your friend ID. (ctrl+F)

Basic HTML knowledge is needed.

Does not work in firefox.
sorry ... I feel very bad about that. :(

Tested in IE
Designed in IE.

Take off the credits, and I will give you rabies. I mean it.

If there's any problems, question or if you just want to say Hi (i'm very friendly!)... visit my myspace (your going to have to add me as a friend first)

Images are from here:wallcoo.

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

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 11px tahoma; color: 361137; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 11px tahoma; color: 361137; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.name1{height: 98px; width: 111px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201ab.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 73px; width: 103px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201ac.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:73px; width: 103px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201ad.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 68px; width: 103px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201ae.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 90px; width: 152px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201af.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}

.name6{height: 86px; width: 104px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201ag.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}
.name7{height: 89px; width: 171px; overflow: hidden; background: 
url(http://cbimg9.com/layouts/08/08/30201ah.png) top left no-repeat; 
display: block;}
.name7:hover{background-position: bottom left;}

</style>
</div>

.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}

{bolded words}
.standard b, p b, B, strong {
font-family:georgia; font-size:11px; color: c075d0; font-weight:none;border:0px;border-bottom: 1px dashed ab6a7a text-transform: none; }

i,em{
    background-color: transparent;
     color: 67c570;
     font-size: 10pt;
     letter-spacing:0pt;
     font-weight:normal; }
u{
     background-color: transparent;
     color: a2abdc;
     font-size: 9pt;
     letter-spacing:0pt;
     font-weight:normal; }

s, strike {
background-color: transparent;
     color: bca980;
     font-size:8pt;
     letter-spacing:0pt;
     font-weight:normal; }

blockquote{
	border-top-color:c4749f;
	border-bottom-color:c4749f;
	border-left-color:c4749f;
	border-right-color:c4749f;
	border-width:1px;
	border-style:dashed;
	padding-left:18px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:18px;
        background-color: cab4cb;}

{Default Links}
a:link, a.man{font-family: times new roman; font-size:12px; color:ed7da4; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:times new roman; font-size:12px; color:ed7da4; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:times new roman; font-size:12px; color:ed7da4; font-weight:none;border:0px; text-transform: none;} 
a:hover{font-family:times new roman; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: none;background-color: transparent;}

.main {
font:normal 12px tahoma;
line-height: 14px;
color: 361137;
background-color: efd5f0;
padding: 3px 3px 3px 3px;
text-align:left;
width:849px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 100px;
margin-top: 880px;
border-bottom: 1px solid;
border-right-color: 000000;
border-bottom-color: 000000;
border-left: 1px solid;
border-left-color: 000000;
border-right: 1px solid;
border-right-color: 000000;
}

.content {
font:normal 12px tahoma;
line-height: 14px;
color: 361137;
background-color: transparent;
text-align: left;
}

H1{
width: auto;
height: 72px;
background-color: transparent;
background-image:url('http://cbimg9.com/layouts/08/08/30201aj.png');
background-position:bottom right;
background-repeat:y-repeat;
font-size: 22px;
color:e381b0;
font-weight: none;
font-variant: none;
letter-spacing: 12px;
font-family: times new roman;
text-align: center;
padding-left:12px;
padding-top:30px;
padding-right:10px;
margin-top:10px;
margin-left: 4px;
margin-right: 0px;
margin-bottom: 10px;
text-transform: uppercase;
}
H1:first-letter {
color:c353e1;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<b>Name:</b> Your Real Name <br />
<b>Age:</b> !? <br />
<b>D.O.B:</b> ?.??.????<br />
<b>Likes:</b> I like something<br />
<b>DisLikes:</b> I dislike something<br />

<br />
I like the colors in this layout. Everything looks so beautiful and  ethereal <-- (I needed help spelling that. lol)You can write something in here, like a welcome message, or just put your favorite quote in here. This is what <b>Bold,</b> Normal, <i>Italic</i>, <u> Underline </u> and <s> Strikethrough</s> look like. This is a div layout so if you don't know the basics of html, please read my  <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MzgzNDg0MTg5JmJsb2dJRD00MTM3NzU1MDImTXl0b2tlbj0xNzk2OTQ3Qy0xRTM3LTRENkItQTZDMjQzRTZGQjZENzgxMDI3MTkxOTEyMg==" class="">blog</a>. Otherwise... enjoy! </div>

<div class="main">
<h1>Dance on Air</h1>
<img src="http://cbimg9.com/layouts/08/08/30201al.png" align="left" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi ornare quam nec diam. Aenean sed magna. Fusce vehicula bibendum est. Sed condimentum eros eget urna. Curabitur faucibus mauris quis odio. Nulla facilisi. Curabitur viverra consectetuer eros. Nullam a quam a est ullamcorper dignissim. In hac habitasse platea dictumst. Maecenas magna.

Duis ligula. Duis rutrum, pede in condimentum tincidunt, turpis tellus semper risus, ut vestibulum nibh sem sit amet lacus. Curabitur ligula diam, rhoncus sed, accumsan at, feugiat in, lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam lectus velit, faucibus ut, pretium sed, sagittis et, orci. Nullam interdum vehicula augue. Pellentesque ligula sapien, molestie sed, aliquam sit amet, aliquam at, magna. Ut viverra. Sed ipsum. Aenean porttitor libero vitae lectus. Nulla quis libero. Curabitur suscipit nibh. In hac habitasse platea dictumst. Integer eu nulla non sapien aliquam vulputate. Curabitur nibh odio, ullamcorper vel, aliquam id, tincidunt ac, urna. Donec viverra, neque vel dignissim auctor, purus ipsum fermentum sem, sed feugiat tellus sapien eu arcu. Phasellus at ligula. Nunc et odio nec mi ultrices imperdiet. Vivamus commodo malesuada purus. Nunc faucibus pharetra sem.

Sed purus sapien, euismod at, cursus non, eleifend eu, arcu. Mauris volutpat nunc at mi. Ut accumsan dui. Donec vehicula ipsum vel tellus. Nam mollis, erat eu viverra commodo, arcu urna gravida odio, at lobortis nunc sem vitae felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus blandit arcu a velit. In ipsum metus, bibendum a, tempor ut, luctus sed, leo. Ut elementum pede ac diam. Donec dictum. Mauris porta pellentesque sapien. Integer porttitor faucibus mi. In vitae nulla.

Aenean semper. Cras massa erat, imperdiet et, cursus a, euismod eu, orci. Cras interdum diam non elit. Nullam tortor tellus, tempor id, dignissim vitae, mollis vel, nulla. Ut at nunc eget dolor convallis ultricies. Integer eget libero. Morbi eu justo. Ut gravida. Donec eu dui non dui sollicitudin lacinia. Pellentesque in justo id lorem posuere porta. Donec tristique dolor vitae tortor. Proin blandit. Cras quis justo. Phasellus sit amet tellus eget magna eleifend sollicitudin. Integer in sem non augue volutpat elementum. Praesent nec purus in elit eleifend aliquet. Nulla ultricies nibh et nisl. Nullam porttitor lacinia est. Etiam eleifend, quam aliquam dignissim viverra, nisl eros congue urna, eget porttitor magna leo nec dolor.

<h1>Sweet Music</h1>
<blockquote> This is what a blockquote looks like!</blockquote>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi ornare quam nec diam. Aenean sed magna. Fusce vehicula bibendum est. Sed condimentum eros eget urna. Curabitur faucibus mauris quis odio. Nulla facilisi. Curabitur viverra consectetuer eros. Nullam a quam a est ullamcorper dignissim. In hac habitasse platea dictumst. Maecenas magna.

Duis ligula. Duis rutrum, pede in condimentum tincidunt, turpis tellus semper risus, ut vestibulum nibh sem sit amet lacus. Curabitur ligula diam, rhoncus sed, accumsan at, feugiat in, lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam lectus velit, faucibus ut, pretium sed, sagittis et, orci. Nullam interdum vehicula augue. Pellentesque ligula sapien, molestie sed, aliquam sit amet, aliquam at, magna. Ut viverra. Sed ipsum. Aenean porttitor libero vitae lectus. Nulla quis libero. Curabitur suscipit nibh. In hac habitasse platea dictumst. Integer eu nulla non sapien aliquam vulputate. Curabitur nibh odio, ullamcorper vel, aliquam id, tincidunt ac, urna. Donec viverra, neque vel dignissim auctor, purus ipsum fermentum sem, sed feugiat tellus sapien eu arcu. Phasellus at ligula. Nunc et odio nec mi ultrices imperdiet. Vivamus commodo malesuada purus. Nunc faucibus pharetra sem.

Sed purus sapien, euismod at, cursus non, eleifend eu, arcu. Mauris volutpat nunc at mi. Ut accumsan dui. Donec vehicula ipsum vel tellus. Nam mollis, erat eu viverra commodo, arcu urna gravida odio, at lobortis nunc sem vitae felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus blandit arcu a velit. In ipsum metus, bibendum a, tempor ut, luctus sed, leo. Ut elementum pede ac diam. Donec dictum. Mauris porta pellentesque sapien. Integer porttitor faucibus mi. In vitae nulla.

Aenean semper. Cras massa erat, imperdiet et, cursus a, euismod eu, orci. Cras interdum diam non elit. Nullam tortor tellus, tempor id, dignissim vitae, mollis vel, nulla. Ut at nunc eget dolor convallis ultricies. Integer eget libero. Morbi eu justo. Ut gravida. Donec eu dui non dui sollicitudin lacinia. Pellentesque in justo id lorem posuere porta. Donec tristique dolor vitae tortor. Proin blandit. Cras quis justo. Phasellus sit amet tellus eget magna eleifend sollicitudin. Integer in sem non augue volutpat elementum. Praesent nec purus in elit eleifend aliquet. Nulla ultricies nibh et nisl. Nullam porttitor lacinia est. Etiam eleifend, quam aliquam dignissim viverra, nisl eros congue urna, eget porttitor magna leo nec dolor.

<h1> Dancing all alone </h1>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fusea
ction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" cols="80" rows="5" class="comment" style="text-align: left; align:left; border-width: 1px; border-style: solid;  border-color: 
000000; background-color: transparent; overflow:none;">
whirling, twirling, spinning, spinning
</textarea>

</div>