topfriendsterlayout.com the best resource site for friendster layout, icons, friendster background, friendster comments and more

Want to find something?!

Back Home | Bookmark topfriendsterlayout | Set as your homepage |

EMO FRIENDSTER LAYOUTS

Pretty emo Friendster Layout

Place your code at
Download CSS file | Customize with CSS editor

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i179.photobucket.com/albums/w301/layoutvenue/friendster/emo/1.jpg);
   background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: 620301;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 966262;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 7A3F3F;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
    border-color: #280202;
   border-style: dotted;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color:  8F5B5B;
   background-color: 2A0707;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color:  8F5B5B;
   border-color:  8F5B5B;
   background-color: 2A0707;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 2A0707;
 
 }
 #controlPanelButtons a:hover {
   color:  2A0707;
   border-color: transparent;
   background-color:  905C5C;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:  966262;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:  966262;
 }
 .controlpanel .data {
   color:  966262;
 }
 .data a {
   color:  966262;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:  966262;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color:  966262;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color:  966262;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color:  966262;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Cool emo Friendster Layout

Place your code at
Download CSS file | Customize with CSS editor

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i179.photobucket.com/albums/w301/layoutvenue/friendster/emo/2.jpg);
  background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: ffffff;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 3E71A2;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 315B84;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: 538EC8;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: 609BD5;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: 609BD5;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 3E71A2;
 
 }
 #controlPanelButtons a:hover {
   color: FF6589;
   border-color: transparent;
   background-color: #ffffff;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:3E71A2 ;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 3E71A2;
 }
 .controlpanel .data {
   color:3E71A2;
 }
 .data a {
   color: 3E71A2;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 3E71A2;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 3E71A2;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 3E71A2;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 3E71A2;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Cool music Friendster Layout

Place your code at
Download CSS file | Customize with CSS editor

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i179.photobucket.com/albums/w301/layoutvenue/friendster/emo/3.jpg);
   background-attachment: fixed;
 	background-position: right bottom;
 	background-repeat: no-repeat;
   background-color: #000000;
 }
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 701616;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 3A0909;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
    border-color: #52050C;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: 924040;
   background-color:390B0B;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: 924040;
   border-color: 52050C;
   background-color:390B0B;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color:390B0B;
 
 }
 #controlPanelButtons a:hover {
   color:F87E7E;
   border-color: transparent;
   background-color:  862C2C;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:  701616;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:  701616;
 }
 .controlpanel .data {
   color:  701616;
 }
 .data a {
   color:  701616;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:  701616;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color:  701616;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color:  701616;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color:  701616;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Emo Friendster Layout

Place your code at
Download CSS file | Customize with CSS editor

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i179.photobucket.com/albums/w301/layoutvenue/friendster/emo/6.jpg);
   background-attachment: fixed;
   background-color: #ffffff;
 	background-attachment: fixed;
 	background-position: right bottom;
 	background-repeat: no-repeat;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 38C0F2;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 1FB1E6;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: 538EC8;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: 59C5EC;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: 59C5EC;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 38C0F2;
 
 }
 #controlPanelButtons a:hover {
   color: FF6589;
   border-color: transparent;
   background-color: #ffffff;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:38C0F2 ;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 38C0F2;
 }
 .controlpanel .data {
   color:38C0F2;
 }
 .data a {
   color: 38C0F2;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 38C0F2;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 38C0F2;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 38C0F2;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 38C0F2;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Emo music Friendster Layout

Place your code at
Download CSS file | Customize with CSS editor

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i179.photobucket.com/albums/w301/layoutvenue/friendster/emo/5.jpg);
  background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: E9F2ED;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 3E71A2;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 315B84;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: 538EC8;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: 609BD5;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: 609BD5;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 3E71A2;
 
 }
 #controlPanelButtons a:hover {
   color: FF6589;
   border-color: transparent;
   background-color: #ffffff;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:3E71A2 ;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 3E71A2;
 }
 .controlpanel .data {
   color:3E71A2;
 }
 .data a {
   color: 3E71A2;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 3E71A2;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 3E71A2;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 3E71A2;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 3E71A2;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Gothic Friendster Layout

Place your code at
Download CSS file | Customize with CSS editor

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i179.photobucket.com/albums/w301/layoutvenue/friendster/emo/4.jpg);
   background-attachment: fixed;
 	background-position: right bottom;
 	background-repeat: no-repeat;
   background-color: #997873;
 }
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 754241;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 663433;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
    border-color: #6A3330;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: EFCAC4;
   background-color:733C38;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: EFCAC4;
   border-color: 6A3330;
   background-color:733C38;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color:EFCAC4;
 
 }
 #controlPanelButtons a:hover {
   color:F87E7E;
   border-color: transparent;
   background-color:  862C2C;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:  6A3330;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:  754241;
 }
 .controlpanel .data {
   color:  754241;
 }
 .data a {
   color:  754241;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:  754241;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color:  754241;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color:  754241;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color:  754241;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?