Miscellaneous Myspace Layouts

We are working together with Coolchaser.com to bring you great MySpace layouts! This way you can click "Preview" and put your own background to make it all your own! If you love it as is, the code is provided to paste in your "About Me".
:)

MAKE SURE YOU DELETE ALL OLD LAYOUT CODES AND/OR HIT THE "CLEAR ALL" BUTTON IN THE MYSPACE PROFILE EDITOR!

MySpace Converse Shoe Laces Emo Punk Layout

Preview

<coolchaser embed code: do not remove modify this line or below layout=4301233>
<br> <br> 
<a href="http://www.url.com/image.gif" 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>  Background from <a href='http://flickr.com/photos/14516334@N00/535680076' target='_blank'>flickr user</a>

<map name="bannerMap">
<area target="_blank" href="http://www.url.com/image.gif" coords="0,55,55,0,153,0,0,153" shape="poly"/>
</map>
<style>
/* Basics
==================================== */
     
body {
	font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; 
	background-color:e5e5e5;
	background-image:url('http://www.coolchaser.com/background/view/1788823');
	background-attachment: fixed;
	background-position:center center;
	background-repeat:repeat-y;  
	margin-top:10px;
	}
	
.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:156px; 
  height:154px; 
  z-index:9;
  }

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

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}

body>div {margin-left: 10px;}
                                             
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 16px 15px 16px;}
 
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: 423px;
	width: 100% !important; 
	padding: 0 12px 14px 12px;
	}
		
* 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: 312px !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;     
	}
* html .contactTable td table {  
	background-position:center center;
}

.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, .whitetext12, .orangetext15, .btext { 
	margin: 14px 0px 4px 0px; 
	width:auto; 
	display: block; 
}

* html .nametext, * html .whitetext12 { width:278px; }

.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 table table.blurbs span.orangetext15, table table 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;  xmargin-top:-10px; }

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; }
.extendedNetwork { xmargin-bottom:-11px; }

.a { ie fix } 
* html .extendedNetwork { position:relative; margin-bottom:-5px; }
* 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 16px 15px 16px; 
}
/* User Submit
==================================== */
body {
	background-color:000000 !important;
}

table table table {
  border-width: 2; 
  border-style: solid; 
  border-color: 000000; 
  background-color:232323;

filter:alpha(opacity=95.34883720930233); 
  -moz-opacity:0.9534883720930233; 
  opacity:0.9534883720930233; 
  -khtml-opacity:0.9534883720930233;

}

table table table table {filter:none !important; opacity:1 !important; }  
   
/*contact table if necessary */   
	
.contactTable td table { 
  background-image: url('http://www.myspacepimpin.net/profile/images/myspace/icon_contact.jpg');	
} 
   
.contactTable a img, .contactTable img { 
	visibility:  hidden; 
	}  
  
/* Text Style */
                              
/*font style leave it if you want it as default*/
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:496999;
  font-family:Verdana !important; 
  font-size:11;

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

/*header colors and fonts */
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
	margin: 14px 0px 4px 0px;  
  color:990000;  
  font-size:12; 
  font-family:Verdana;

font-weight:bold;

}

.whitetext12 { margin-top:0; }

/*network graphic if necessary */

span.blacktext12 {

background-image: url('http://www.myspacepimpin.net/profile/images/myspace/icons.jpg'); 
  background-repeat:repeat-x; 
  background-position:bottom center;  
  height: 101; 
  color:000000;  
  font-size:5; 
  font-family:Arial, Helvetica, sans-serif;

font-weight:normal;

text-align: left; 
  padding-top: ;

}

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

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
	background-color:transparent;

padding-top: 0; 
	padding-right:0;
	padding-bottom:10;
	padding-left:0;
	padding-left: 0;

border-style: none;

border-bottom-width: 1;
 border-bottom-style: solid;
 border-bottom-color: 000000;

}

.nametext {

background-color:transparent;

}

/* details heading color */
.lightbluetext8 { 
  color:990000; 
  font-size:11;

font-weight:normal;

}

/* Link Style */

/* link colors if left blank, it inherits the general text */	 
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:9E5E5E;    
  font-size:11;

font-weight:normal;

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

text-decoration:none;

}

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

}

.NOTES { content:'make font smaller for friends comments box';}
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%; }

</style>

Preview

<coolchaser embed code: do not remove modify this line or below layout=4246120>
<br> <br> 
<a href="http://www.url.com/image.gif" 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>  Background from <a href='http://www.armysurplusworld.com/product.asp?ProductID=17741' target='_blank'>Yahoo search result</a>

<map name="bannerMap">
<area target="_blank" href="http://www.url.com/image.gif" coords="0,55,55,0,153,0,0,153" shape="poly"/>
</map>
<style>
/* Basics
==================================== */
     
body {
	font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; 
	background-color:e5e5e5;
	background-image:url('http://www.coolchaser.com/background/view/2641311');
	background-attachment: fixed;
	background-position:center center;
	background-repeat:repeat-y;  
	margin-top:10px;
	}
	
.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:156px; 
  height:154px; 
  z-index:9;
  }

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

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}

body>div {margin-left: 10px;}
                                             
table {border-collapse:separate;}

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

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 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: 312px !important;}

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

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

.nametext, .whitetext12, .orangetext15, .btext { 
	margin: 14px 0px 4px 0px; 
	width:auto; 
	display: block; 
}

* html .nametext, * html .whitetext12 { width:278px; }

.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 table table.extendedNetwork {  padding:0; }

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

.a {fix extended network border}   
table table td.text table { border-collapse:collapse;  xmargin-top:-10px; }

table table table {
  border-width: 1; 
  border-style: solid; 
  border-color: CCCCCC; 
  background-color:FFFFFF;

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

}

table table table table {filter:none !important; opacity:1 !important; }  
   
/*contact table if necessary */   
	
.contactTable td table { 
  background-image: url('http://www.myspacepimpin.net/profile/images/myspace/waynebape_contact.jpg');	
} 
   
.contactTable a img, .contactTable img { 
	visibility:  hidden; 
	}  
  
/* Text Style */
                              
/*font style leave it if you want it as default*/
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-family:Comic Sans MS, cursive !important; 
  font-size:11;

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

/*header colors and fonts */
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
	margin: 14px 0px 4px 0px;  
  color:FFE81B;  
  font-size:16; 
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

font-weight:bold;

text-align: center;
}

.whitetext12 { margin-top:0; }

/*network graphic if necessary */

span.blacktext12 {

background-image: url('http://www.myspacepimpin.net/profile/images/myspace/lil-wayne-1.jpg');

height: 477; 
  color:FFE81B;  
  font-size:16;

font-weight:bold;

padding-top: ;

}

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

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
	background-color:232323;

padding-top: 5; 
	padding-right:;
	padding-bottom:10;
	padding-left:;
	padding-left: ;
	border-width: 4; 
  border-style: inset; 
  border-color: FFE81B;

}

.nametext {   
  color:FFE81B;  
  font-size:16; 
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

font-weight:bold;

background-color:232323;

padding-top: 5; 
	padding-right:;
	padding-bottom:5;
	padding-left:;
 border-width: 4; 
 border-style: inset; 
 border-color: FFE81B;

}

/* details heading color */
.lightbluetext8 { 
  color:FF0000; 
  font-size:11;

font-weight:normal;

}

/* Link Style */

font-weight:normal;

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

text-decoration:none;

}

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

}

.NOTES { content:'make font smaller for friends comments box';}
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%; }
     
.contactTable{
background-color:000000;
}

</style>

Preview

<coolchaser embed code: do not remove modify this line or below layout=7697558>
<br> <br> 
<a href="http://www.url.com/image.gif" 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>  Background from <a href='http://flickr.com/photos/36521955290@N01/13196812' target='_blank'>flickr user</a>

<map name="bannerMap">
<area target="_blank" href="http://www.url.com/image.gif" coords="0,55,55,0,153,0,0,153" shape="poly"/>
</map>
<style>
/* Basics
==================================== */
     
body {
	font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; 
	background-color:e5e5e5;
	background-image:url('http://www.coolchaser.com/background/view/10586');
	background-attachment: fixed;
	background-position:center center;
	background-repeat:repeat-y;  
	margin-top:10px;
	}
	
.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:156px; 
  height:154px; 
  z-index:9;
  }

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

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}

body>div {margin-left: 10px;}
                                             
table {border-collapse:separate;}

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

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 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: 312px !important;}

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

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

.nametext, .whitetext12, .orangetext15, .btext { 
	margin: 14px 0px 4px 0px; 
	width:auto; 
	display: block; 
}

* html .nametext, * html .whitetext12 { width:278px; }

.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 table table.extendedNetwork {  padding:0; }

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

.a {fix extended network border}   
table table td.text table { border-collapse:collapse;  xmargin-top:-10px; }

table table table {
  border-width: 1; 
  border-style: solid; 
  border-color: 323232; 
  background-color:FFFFFF;

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; }  
   
/*contact table if necessary */   
	
.contactTable td table { 
  background-image: url('http://i6.photobucket.com/albums/y218/hfatany/backgrounds/conversecontact.jpg');	
} 
   
.contactTable a img, .contactTable img { 
	visibility: hidden; 
	}  
  
/* Text Style */
                              
/*font style leave it if you want it as default*/
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-family:Verdana !important; 
  font-size:11;

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

/*header colors and fonts */
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
	margin: 14px 0px 4px 0px;  
  color:323232;  
  font-size:12; 
  font-family:Verdana;

font-weight:bold;

}

.whitetext12 { margin-top:0; }

/*network graphic if necessary */

span.blacktext12 {

color:000000;  
  font-size:14; 
  font-family:Verdana;

font-weight:bold;

text-align: center; 
  padding-top: 15;

padding-bottom:15;

}

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

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
	background-color:transparent;
  background-image:url('http://i6.photobucket.com/albums/y218/hfatany/backgrounds/tinyconverse.jpg');

background-repeat:no-repeat;
  padding-top: 0; 
	padding-right:0;
	padding-bottom:20;
	padding-left:50;
	padding-left: 50;

border-style: none;

}

.nametext {   
  color:000000;  
  font-size:20; 
  font-family:Verdana;

font-weight:bold;

background-color:transparent;

padding-left:50;

border-bottom-width: 1;
 border-bottom-style: dashed;
 border-bottom-color: 000000;

}

/* details heading color */
.lightbluetext8 { 
  color:676767; 
  font-size:11; 
  font-family:Verdana;

font-weight:bold;

}

/* Link Style */

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:676767;
  font-size:11; 
  font-family:Verdana;

font-weight:bold;

text-decoration:underline;

}

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

}

.NOTES { content:'make font smaller for friends comments box';}
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%; }
     
table, td { padding: 0px; }
table table table { height: .01%; width: 100%; padding: 1px; }
table table table table { padding: 0px; }
table table table table table { padding: 0px;}
table table table table table table { padding: 0px;}

td.text td.text table table table td {padding:0px 5px 0px 5px !important; }
span.orangetext15, span.btext {width:100% !important;}
* html table table table td {padding: 0;} 
* html .contactTable, *html .userProfileURL {width: 280px !important;}
table.userProfileURL table { margin-bottom:0; }
.contactTable a { height: 30px; width: 133px; }

.contactTable {
filter:alpha(opacity=100) !important;
 -moz-opacity:1.00 !important;
opacity:1.00 !important; 
-khtml-opacity:1.00 !important; }

</style>

Preview

<coolchaser embed code: do not remove modify this line or below layout=7703779>
<br> <br> 
<a href="http://www.url.com/image.gif" 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>  Background from <a href='http://flickr.com/photos/27186496@N00/119626701' target='_blank'>flickr user</a>

<map name="bannerMap">
<area target="_blank" href="http://www.url.com/image.gif" coords="0,55,55,0,153,0,0,153" shape="poly"/>
</map>
<style>
/* Basics
==================================== */
     
body {
	font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; 
	background-color:e5e5e5;
	background-image:url('http://www.coolchaser.com/background/view/1332795');
	background-attachment: fixed;
	background-position:center center;
	background-repeat:repeat-y;  
	margin-top:10px;
	}
	
.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:156px; 
  height:154px; 
  z-index:9;
  }

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

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}

body>div {margin-left: 10px;}
                                             
table {border-collapse:separate;}

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

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 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: 312px !important;}

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

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

.nametext, .whitetext12, .orangetext15, .btext { 
	margin: 14px 0px 4px 0px; 
	width:auto; 
	display: block; 
}

* html .nametext, * html .whitetext12 { width:278px; }

.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 table table.extendedNetwork {  padding:0; }

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

.a {fix extended network border}   
table table td.text table { border-collapse:collapse;  xmargin-top:-10px; }

table table table {
  border-width: 1; 
  border-style: solid; 
  border-color: 000000; 
  background-color:030000;

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

}

table table table table {filter:none !important; opacity:1 !important; }  
   
/*contact table if necessary */   
	
.contactTable td table { 
  background-image: url('http://i6.photobucket.com/albums/y218/hfatany/backgrounds/biteribboncontact.png');	
} 
   
.contactTable a img, .contactTable img { 
	visibility: hidden; 
	}  
  
/* Text Style */
                              
/*font style leave it if you want it as default*/
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:EEEEEE;
  font-family:Verdana !important; 
  font-size:11;

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

/*header colors and fonts */
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
	margin: 14px 0px 4px 0px;  
  color:000078;  
  font-size:16; 
  font-family:Verdana;

font-weight:bold;

text-align: left;
}

.whitetext12 { margin-top:0; }

/*network graphic if necessary */

span.blacktext12 {

color:F52424;  
  font-size:20; 
  font-family:Verdana;

font-weight:normal;

text-align: center; 
  padding-top: 15;

padding-bottom:15;

}

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

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
	background-color:transparent;
  background-image:url('0');
  background-position:top left;
  background-repeat:no-repeat;
  padding-top: 0; 
	padding-right:0;
	padding-bottom:15;
	padding-left:0;
	padding-left: 0;

border-style: none;

border-bottom-width: 1;
 border-bottom-style: none;
 border-bottom-color: 000000;

}

.nametext {   
  color:F52424;  
  font-size:25; 
  font-family:Verdana;

font-weight:normal;

text-align: center; 
	background-color:transparent;

border-bottom-width: 3;
 border-bottom-style: dotted;
 border-bottom-color: 000000;

}

/* details heading color */
.lightbluetext8 { 
  color:323232; 
  font-size:12; 
  font-family:Verdana;

font-weight:bold;

}

/* Link Style */

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:0CCBD2;
  font-size:16; 
  font-family:Verdana;

font-weight:bold;

text-decoration:underline;

}

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

}

.NOTES { content:'make font smaller for friends comments box';}
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%; }

</style>