rodeo pbr - grunge myspace Layout

Layout by Rebe...

MySpace Code or auto insert:

        <div class="coolchaser" id="1524047">
<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/170261);
	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:41392B;
}         

table table table {
  border-width: 2; 
  border-style: outset; 
  border-color: 3c230e; 
  background-color:ffffff; 
  background-image:url(http://www.coolchaser.com/images/grunge.gif);

  background-repeat:no-repeat;  
  filter:alpha(opacity=84.88372093023256); 
  -moz-opacity:0.8488372093023255; 
  opacity:0.8488372093023255; 
  -khtml-opacity:0.8488372093023255;












}     


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


}

.contactTable td table {
  background-image: url(http://www.coolchaser.com/images/grunge_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:13; 
  font-family:Techno, Impact, Charcoal, sans-serif; 

  font-weight:normal;


  text-transform:uppercase;  
  text-align: center;   
}   

.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/grunge.gif); 
  background-position:top left;

  background-repeat:repeat;
  background-repeat:no-repeat; 
  filter:alpha(opacity=84.88372093023256); 
  -moz-opacity:0.8488372093023255; 
  opacity:0.8488372093023255; 
  -khtml-opacity:0.8488372093023255; 
  }     

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/grunge_h.gif);
  background-position:top center;
  background-repeat:repeat-x;

  border-style: none; 













}
     
.nametext {   









  background-color:transparent;


















}        
 
.lightbluetext8 { 
  color:351800; 
  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:A35916;    
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

}    

a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {  
	color:FFFFFF;
	}    

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


  font-weight:bold;

  text-decoration:none;

}         

a.navbar:hover,  a.text:hover {  
	color:997A67;
	}

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=84.88372093023256); 
  -moz-opacity:0.8488372093023255; 
  opacity:0.8488372093023255; 
  -khtml-opacity:0.8488372093023255; 

  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:;
	padding-left: ;
}       

.nametext {   




}
     
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12,
table.userProfileURL strong { 
letter-spacing:3px;
}



</style>

<style>
body {
	background-color:;
}
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:px;
} 
body {
  background-repeat: ;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, div, font
{
 color:;
} 
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;
}
</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/170261);  
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:41392B;
}

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:A35916;
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

  
	}      
	
a:hover { 
  color:D7B456; 
  font-size:11; 


  font-weight:bold;

  text-decoration:none;

	}

table table table {
	border-width: 2; 
  border-style: outset; 
  border-color: 3c230e; 
  background-color:ffffff; 
  background-image:url(http://www.coolchaser.com/images/grunge.gif);

  background-repeat:no-repeat;  
  -moz-opacity:0.8488372093023255; 
  opacity:0.8488372093023255; 
  -khtml-opacity:0.8488372093023255;















}                                     


table.profile  {  
	border:none;
	border-width: 2; 
  border-style: outset; 
  border-color: 3c230e; 
















}

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


.blogSubject  { 
	color:000000;  
	font-size:13;
	font-family:Techno, Impact, Charcoal, sans-serif; 

	font-weight:normal;


	text-transform:uppercase;  
	text-align: center; 
	background-color:transparent;
	background-image:url(http://www.coolchaser.com/images/grunge_h.gif);
	background-position:top center;
	background-repeat:repeat-x;
	padding-top: 10; 
	padding-right:0;
	padding-bottom:15;
	padding-left:;
	padding-left: ;

	border-style: none; 













}     

.blogContentInfo a b { 
	font-weight:bold;
 }   
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12,
table.userProfileURL strong { 
letter-spacing:3px;
}
                                                                                                                      body {
	background-color:;
}
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:px;
} 
body {
  background-repeat: ;
}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, div, font
{
 color:;
} 
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;
}

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

Tweak more