iM sO loNeLy… (animated) layout | Friendster-Layouts.com

iM sO loNeLy… (animated)

Layout designer

-eSoRaNaOj-

Rate this layout

* * * * 62 votes

» Layout Preview

Friendster-Layouts.com - iM sO loNeLy... (animated)

hmm..

Code for CSS section

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

/*friendster-layouts.com*/
/*im so lonely by esoranaoj*/

/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/01/lonely1/lonely1.gif);
  background-attachment: fixed;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #000000;
  cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #ffffff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #ffffff;
}
.usercontent a:hover {
  text-decoration: Century Gothic;
  color: #a6a6a6;
}
/* MASTER BOXES */
.commonbox {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
.commonbox .evenrow {
  background-color: #000000;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  text-align: center;
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: ffffff;
  background-color: #4a4a4a;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #ffffff;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #a6a6a6;
}
.controlpanel .data {
  font-family: CCopperplate Gothic Bold;
  font-size: 10px;
  color: #ffffff;
}
.data a {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #ffffff;
  text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #ffffff;
  text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #a6a6a6;
  border-width: 1px;
  border-color: #ffffff;
  border-style: dotted;
  background-color: #000000;
  background-image: url();
  text-transform: none;
  height: 20px;
  width:165px;
  margin-left: 15px;
  margin-top: 3px;
  padding: 0 0 0 0;
  text-decoration: ;
  -moz-border-radius: 5px;
    -webkit-border-radius: 20px;
}
#controlPanelButtons a:hover {
  font-family: Century Gothic;
  font-size: 10px;
  color: #ffffff;
  background-image: url(http://th426.photobucket.com/albums/pp344/mutants_r_us/th_blackfire.gif);
  background-color: transparent;
  border-width: 1px;
  border-color: #ffffff;
  border-style: dotted;
  text-transform: none;
  -moz-border-radius: 10px;
    -webkit-border-radius: 20px;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  text-align: center;
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: MY FRIENDS */
.friends {
  display: none!important;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: MY GROUPS */
.groups {
  display: none!important;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: FAN OF */
.fanof {
  display: none!important;
}
/* BOX: MY FANS */
.myfans {
  display: none!important;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 1px;
  border-color: #cccccc;
  border-style: dotted;
  background-image: url();
  background-attachment: scrollable;
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
  filter:alpha(opacity=70);
    -moz-opacity:0.7;opacity: 0.7 
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  display: none!important;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #a6a6a6;
  text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #a6a6a6;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Copperplate Gothic Bold;
  font-size: 10px;
  color: #ffffff;
  background-color: transparent;
}
/* RECENT UPDATE BOX*/
.user_tracker {
font-family: Copperplate Gothic Bold;
font-size: 10px !important;
color: #ffffff;
background-color: transparent;
background-position: center center;
background-repeat: repeat;
-moz-border-radius: 15px;
  -webkit-border-radius: 30px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: Copperplate Gothic Bold;
font-size: 10px !important;
font-weight: normal !important;
color: #ffffff !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: Copperplate Gothic Bold;
font-size: 10px !important;
font-weight: bold !important;
color: #ffffff !important;
text-decoration: none !important;
}
/*shoutout*/
.so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background-color: transparent; background-image: url() !important; background-repeat: no-repeat !important; background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 1px dotted #ffffff; width: 220px! important; height: 100%; overflow: hidden; color: #ffffff !important; font-weight: normal; font-size: 10px; font-family: Copperplate Gothic Bold; -moz-border-radius: 20px;
  -webkit-border-radius: 25px; }

/* How You're Connected*/
.meettrail {display:none!important;
}
/* Featured Friends */
.friends {display:none!important;
}
/* Hide How you are connected box */
#content_15 {display:none!important;}

/* Hide White bar under navigation */
#marketing_bg {display:none!important;}

/* Hide the Home | My Profile | My Connections*/
#mainnav {display:none!important;}

/* Hide the whole top navigation */
#navigation {display:none!important;}

/* Hide hide the divider */
#navdivider {display:none!important;}

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Hide your featured friends photos */
#content_2 .flogriditem  {display:none!important;}

/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;}

/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}

/* Hide Google Search */
#search form { display : none !important; }

/* Hide Friendster Classifieds */
#marketing {display:none!important;}

/* Hide Footer */
#footer_container {display:none!important;}

/* Hide friendster logo */
#logo {display:none!important;}

/* Hide Messages | Setting | Help | Log out*/
#subnav {display:none!important;}

/* Hide Navigation Language */
#navLang { display: none ! important }

/*HIDE GOOGLE ADS */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* Hide sidebar google ads*/
#content_14 {display:none!important;}

/* {--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/esoranaoj/" title="-eSoRaNaOj-'s layouts">-eSoRaNaOj-'s layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by -eSoRaNaOj- on January 3rd, 2009 (10:54 GMT).

Other layouts from 'Dark' category:

Friendster-Layouts.com

iM sO loNeLy… (animated)

Navigation Links

Browse Layouts

Sponsors