the notebook movie - butterfly myspace Layout

Layout by Rhealee

MySpace Code or auto insert:

        <div class="coolchaser" id="28929075">
<br> <br>
<div class="credits"> 
<a href="http://www.coolchaser.com" target="_blank" title="Get your layout at CoolChaser.com"><img src="http://www.coolchaser.com/images/favicon_s.gif" border=0 style="vertical-align:text-bottom;" alt="CoolChaser.com"></a>  Layout by <a href="http://www.coolchaser.com" target="_blank">CoolChaser</a> 
</div>
<div class="cool">
  <a href="http://www.coolchaser.com" target="_blank"><img src="http://www.coolchaser.com/images/banner_xray.png" border="0" alt="CoolChaser"></a>
</div>       

<div class="cc_banner">   
</div>      <style>
/* Basics
==================================== */
     
body {
	font-family: Verdana, Arial, sans-serif; 
	background-color:e5e5e5;
	background-image:url(http://www.coolchaser.com/background/view/9956308);
	background-attachment: fixed;
	background-position:center center;
	background-repeat:no-repeat;  
	}
	
.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:45px; 
  height:137px; 
  z-index:8;
  }   

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:F35485; text-decoration: none;}

a:hover {color:76996E; text-decoration: none}

img {border: none}

br {line-height: 10px;}  
br + br
{
 line-height:0;
}

u {text-decoration: none; }

table table table br { line-height:15px; }

* html table table table.latestBlogEntry br { line-height:0; } 
.friendSpace br { line-height:0; }

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}
                                             
table {border-collapse:separate;}

table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}  


table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;}
* html table table table td {padding: 0 12px 15px 12px;}   
 
table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;} 
table table table table table{ border-color:ffffff;}

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 0;}


table table table {
	margin:0px; 
	max-width: 453px;
	width: 100% !important; 
	padding: 0 12px 14px 13px;
	}
		
* html table table table { padding:0;}
		
body td table, body div table {margin-top: 0;}

font {color:386093;font-size:10px}

a font:hover {color:000000}

a.navbar:link, a.navbar:visited {color:FFFFFF}

a.navbar:hover {color:CCCCCC}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:000000;font-size:11px}

a.text:link, a.text:visited {color:FFFFFF}

a.text:hover {color:CCCCCC}   

.contactTable {width: auto !important;}

* html .contactTable, *html .userProfileURL {width: 294px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;  }

.contactTable span.whitetext12 { left: 0;}
* html .contactTable .whitetext12 {margin-left: 25px;}  

.contactTable td table {  
	height:150px;
	background-color: transparent; 
	background-position: center; 
	background-repeat: no-repeat;     
	}

.contactTable a {padding: 0px; margin: 0px 5px 1px 0px; display: block; background-color: transparent;  }
.contactTable a { height: 30px; width: 134px;} 
.contactTable img { display:none; visibility:hidden;} 
.contactTable a img { 
	border: 0px;          
	display: block; 
	visibility: visible; 
	}  
               
.contactTable a img { width:120px; margin-top:6px; margin-left:8px;}
        
.nametext, span.whitetext12, .orangetext15, .btext { 
	margin: 14px 0px 4px 0px; 
	width:auto; 
	display: block; 
}

* html .nametext, * html span.whitetext12, * html table.userProfileURL strong { width:267px; }

.orangetext15, .btext {
	width:auto;
	}     

table table table table .orangetext15 { margin-bottom:4px;}
	
* html .orangetext15, * html .btext	{ width:390px;}   

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 { margin-top:0;}
.blacktext12 { display: block;  margin-bottom:0px !important;}
.NOTES { content:"view all of your friend's link"; }

a.redlink:link {display: block; border-width: 3px 0px 0px 0px;  padding-top: 3px;}        
a.redlink:active, a.redlink:visited, a.redlink:link { display:inline; }

.NOTES { content:"firefox hack to make tables not to have a huge gap"; }
td.text {text-align:left;}    


table table tr td {
	line-height:1.4em; 
}            

table.userProfileURL strong { margin-top:-5px; margin-right:8px !important; }
table.userProfileURL { text-align:center;}     
table.userProfileURL table {margin-top:-7px;  margin-right:-5px;}   
 table table table.userProfileURL {padding-bottom:0;}
*html table table table.userProfileURL td {padding-bottom: 0;}


table.userProfileDetail .whitetext12, table.contactTable  .whitetext12{ margin-top:3px;}
table.blurbs span.orangetext15, table.friendSpace .orangetext15 { display:none; }  
table table table.blurbs table {margin-top:-18px;}   
table table table.blurbs table table { margin:0; width:auto !important; padding:0;}
table table table.blurbs table span.orangetext15 { display:block; margin-bottom:0px;}  

table table table.extendedNetwork {  padding:0; } 

table table table.extendedNetwork td { height:75px; padding:0;} 

table table table.contactTable { padding:0;}
table table table.contactTable span.whitetext12{ display:none; }.contactTable .text {font-size:1px !important;}
table table table.contactTable td.text {height:0px !important}         


.a {fix extended network border}   
table table td.text table { border-collapse:collapse; } 

td.text table.blurbs,  
td.text table.latestBlogEntry,
td.text table.friendSpace, 
td.text table.friendsComments,
table table td.text table table,
table.friendSpace td.text table, 
table.friendsComments td.text table { border-collapse:separate; margin-top:0px; }

.a { ie fix } 
* html table table td.text table td { padding:0;} 
* html table table td.text table td table td { padding:0 !important;}  
* html td.text table.blurbs td,  
* html td.text table.latestBlogEntry td,
* html td.text table.friendSpace td, 
* html td.text table.friendsComments td,
* html table.friendSpace td.text table td, 
* html table.friendsComments td.text table td {
  padding: 0 12px 15px 12px; 
}       
div table {
  width:100%;  
}               
div table div, div table table { width:auto;}
body div table td form input.srchTextfld { width:auto !important; }               

/* fix width and padding for left side apps */ 
table table table.userProfileApp { padding-left:0; padding-right:0; padding-top:10px; }
* html table table table.userProfileApp td {padding-left: 0; padding-right:0;}   

table table 　table.userProfileApp {width:300px;}
table.userProfileApp tr td, table.userProfileApp div {padding:0; border:0; background-color:transparent !important;}

/* hides the X and arrows on right side so apps don't jump in IE */
table.userProfileApp div.whitetext12 {display:none !important;}

/* fix app title to full width of app */
table.userProfileApp div span.whitetext12 { width:270px !important; height:20px !important; visibility:visible !important; margin-bottom:5px;}

/* fix weird cursor thing where it's the plain text cursor on hover for some reason */
table.userProfileApp div a:hover {cursor:pointer !important;}

/* fix td height so app doesn't cover part of the title */
.userProfileApp td.text {height:auto;}

/* fix right side app widths */
td.text table.userProfileApp {width:435px;}
td.text table.userProfileApp div span.whitetext12 {width:420px !important;}

/* User Submit
==================================== */
body {
	background-color:F8F8F8;
}         

table table table {
  border-width: 1; 
  border-style: solid; 
  border-color: cdcdcd; 
  background-color:ffffff; 
  background-image:url(http://www.coolchaser.com/images/celeb_b.gif);

  background-repeat:no-repeat;  
  filter:alpha(opacity=89.53488372093024); 
  -moz-opacity:0.8953488372093024; 
  opacity:0.8953488372093024; 
  -khtml-opacity:0.8953488372093024;
  border-top-width: 1;


  border-right-width: 1;


  border-bottom-width: 1;


  border-left-width: 1;


}     


table table table table {filter:none !important; opacity:1 !important; }  
                 
.contactTable {  


}

.contactTable td table {
  background-image: url(http://www.coolchaser.com/images/celeb_contact.gif);	 


}
   	 
.contactTable a img, .contactTable img { 
	visibility: hidden; 
	}  

                              
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited, 
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited
{
  color:000000;

  font-size:11;   






}    
            
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;}


.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
	margin: 14px 0px 4px 0px;  
  color:000000;  
  font-size:15; 
  font-family:Georgia; 

  font-weight:bold;




}   

.whitetext12 { margin-top:0; }   
               
table table td.text table {   


   } 

td.text table.blurbs,  
td.text table.latestBlogEntry,
td.text table.friendSpace, 
td.text table.friendsComments,
table.friendSpace,
table.friendsComments 
{ 
  background-color:ffffff; 
  background-image:url(http://www.coolchaser.com/images/celeb_b.gif); 
  background-position:top left;

  background-repeat:repeat;
  background-repeat:no-repeat; 
  filter:alpha(opacity=89.53488372093024); 
  -moz-opacity:0.8953488372093024; 
  opacity:0.8953488372093024; 
  -khtml-opacity:0.8953488372093024; 
  }     

table table td.text table table,
table.friendSpace td.text table, 
table.friendsComments td.text table {
  background:transparent;
}

span.blacktext12 {   













  padding-top: 30; 




}

.blacktext12 { text-align:center; margin-top:0px;} 

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
  background-color:transparent;
  background-image:url(http://www.coolchaser.com/images/celeb_h.gif);

  background-repeat:no-repeat;

  border-style: none; 













}
     
.nametext {   

  font-size:18; 







  background-color:transparent;
  background-image:url(http://www.coolchaser.com/images/celeb_name.gif);

















}        
 
.lightbluetext8 { 
  color:999999; 
  font-size:11; 


  font-weight:bold;



}          
     
a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
  color:F35384;    
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

}    

a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {  

	}    

a:hover, a.redlink:hover, a.navbar:hover,  a.text:hover {
  color:75996D;
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

}         

a.navbar:hover,  a.text:hover {  

	}

a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;}

*html table table table { height: .01%; }         

.cc_banner {






}
   
/* banner for 1.0 which is overwriting the 2.0 above*/
  
.cc_banner {



















  filter:alpha(opacity=89.53488372093024); 
  -moz-opacity:0.8953488372093024; 
  opacity:0.8953488372093024; 
  -khtml-opacity:0.8953488372093024; 

  width:751px;

  margin-left:-365px; 

  left:50%;
  position:absolute;   
  top:178px;
}       

* html .cc_banner {
  width:751px;   
  margin-left:-365px; 
}

body table {



}     

* html body table {

}

body td table, body div table {
margin-top: 0;
}
  


.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
  padding-top: 10; 
	padding-right:0;
	padding-bottom:15;
	padding-left:30;
	padding-left: 30;
}       

.nametext {   
  padding-top: 20; 

	padding-bottom:22;
	padding-left:65;
}
     




</style>

<style>
body {
	background-color:F8F8F8;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text,
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font
{
 font-size:nullpx;
} 
body {
  background-repeat: no-repeat;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, div, font
{
 color:null;
} 
table {direction:rtl;}
table table table {direction:ltr;} 
div table tr td table,div table tr td form{direction: ltr;}body { 
  background-position:center center;
}
table table table, td.text table.blurbs,  td.text table.latestBlogEntry,td.text table.friendSpace, td.text table.friendsComments,table.friendSpace, table.friendsComments, .cc_banner 
{ 
  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; 
} 
table table table table,table.friendSpace td.text table, table.friendsComments td.text table, table.friendsComments table 
{filter:none; opacity:1; }                               

* html table.main table table, *html table.main table table.blog {
	filter:none;
}  
</style>
</div>

Copy (ctrl-c) and paste (ctrl-v) the code above into the 'about me' section of your profile. (Bands use the 'bio' section) Watch a video how.

        coolchaser{}
body div table, body div table td, body div div, .blogTimeStamp { background-color:transparent;}


.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:45px; 
  height:137px; 
  z-index:8;
  }

img {border:none; }

body  { 
background-color:#000000;          
background-image:url(http://www.coolchaser.com/background/view/9956308);  
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;     
text-align:center;
}



table.main { margin:0 auto;  border:none;}
table.main TD, table.main TR { border:none;}



table.profile td { color:#000000;}

table.profile img { margin-top:10px; }

table table table{
width: 100%; 
background-position:top left;
margin-bottom:10px;       
 }                

table table table table { border:none;}

table.blog table.blog {background:transparent; background-image:none; border:none;}
                  
table table table.profile { border-collapse: collapse; } 
* html table.profile { filter:none;}

table table table td { padding:10px; }
table table table tr.spacer td { padding:0px; }

.blogTimeStamp { background-color:transparent;}
.blogSubject { background-color:transparent; font-family:Verdana;}


table table table table { background-image:none; background-color:transparent;}
.blogCommentsProfile, .blogComments, table table table  td.blogComments table, table table table table table.blogContentInfo { background-color:transparent; } 
.spacer, .commentSpacer {background-color:transparent; height:0px; }    


tr.commentSpacer { height:0; }
tr.commentSpacer td { padding:0; }

body {
	background-color:F8F8F8;
}

body, table.nav, table.header th, table.header td, table.profile td, table.blog, .blogTimeStamp, 
.blogSubject, .blogContent, .blogContentInfo, .blogCommentsProfile, .blogCommentsContent { 
  color:000000;
	}          

/*Link Text*/
	
:link, a:link, a:visited, a:active  {
	color:F35384;
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

  
	}      
	
a:hover { 
  color:75996D; 
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

	}

table table table {
	border-width: 1; 
  border-style: solid; 
  border-color: cdcdcd; 
  background-color:ffffff; 
  background-image:url(http://www.coolchaser.com/images/celeb_b.gif);

  background-repeat:no-repeat;  
  -moz-opacity:0.8953488372093024; 
  opacity:0.8953488372093024; 
  -khtml-opacity:0.8953488372093024;
  border-top-width: 1;



  border-right-width: 1;



  border-bottom-width: 1;



  border-left-width: 1;


}                                     


table.profile  {  
	border:none;
	border-width: 1; 
  border-style: solid; 
  border-color: cdcdcd; 
  border-top-width: 1;



  border-right-width: 1;



  border-bottom-width: 1;



  border-left-width: 1;



}

table.blog, table.profile { background-color:ffffff;}


.blogSubject  { 
	color:000000;  
	font-size:15;
	font-family:Georgia; 

	font-weight:bold;




	background-color:transparent;
	background-image:url(http://www.coolchaser.com/images/celeb_h.gif);

	background-repeat:no-repeat;
	padding-top: 10; 
	padding-right:0;
	padding-bottom:15;
	padding-left:30;
	padding-left: 30;

	border-style: none; 













}     

.blogContentInfo a b { 
	font-weight:bold;
 }   

                                                                                                                      body {
	background-color:F8F8F8;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text,
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font
{
 font-size:nullpx;
} 
body {
  background-repeat: no-repeat;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, div, font
{
 color:null;
} 
table {direction:rtl;}
table table table {direction:ltr;} 
div table tr td table,div table tr td form{direction: ltr;}body { 
  background-position:center center;
}
table table table, td.text table.blurbs,  td.text table.latestBlogEntry,td.text table.friendSpace, td.text table.friendsComments,table.friendSpace, table.friendsComments, .cc_banner 
{ 
  filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; 
} 
table table table table,table.friendSpace td.text table, table.friendsComments td.text table, table.friendsComments table 
{filter:none; opacity:1; }                               

* html table.main table table, *html table.main table table.blog {
	filter:none;
}

Copy (ctrl-c) and paste (ctrl-v) the code above into the 'custom style sheet' box on your customize blog form.

Tweak more

Still can't find what you are looking for?

Make your own the notebook movie - butterfly layouts with CoolChaser.com's generator by selecting your favorite background!

From the creator of CoolChaser.com, here you can grab the the codes for many sites such as MySpace and My Year Book!

Categories

Sister Sites

Partner Sites

the notebook movie - butterfly myspace Layout

You might also like...

Still can't find what you are looking for?

© Next Small Things 2008