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 |

STAR FRIENDSTER LAYOUTS

Blue star Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i145.photobucket.com/albums/r235/glittersdreams/layout/star/star1.jpg);
   background-attachment: fixed;
   background-color: 2A3369;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: E6E7F2;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: E6E7F2;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: E6E7F2;
   background-color: 2A3369;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: E6E7F2;
   border-color: E6E7F2;
   background-color: 2A3369;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 2A3369;
 
 }
 #controlPanelButtons a:hover {
   color: 2A3369;
   border-color: transparent;
   background-color: E6E7F2;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: E6E7F2;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: E6E7F2;
 }
 .controlpanel .data {
   color: E6E7F2;
 }
 .data a {
   color: E6E7F2;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: E6E7F2;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: E6E7F2;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: E6E7F2;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: E6E7F2;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Red star Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i145.photobucket.com/albums/r235/glittersdreams/layout/star/star2.jpg);
   background-attachment: fixed;
   background-color: 4C021D;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: F4C1D4;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: F4C1D4;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: F4C1D4;
   background-color: 4C021D;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: F4C1D4;
   border-color: F4C1D4;
   background-color: 4C021D;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 4C021D;
 
 }
 #controlPanelButtons a:hover {
   color:  4C021D;
   border-color: transparent;
   background-color: F4C1D4;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: F4C1D4;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: F4C1D4;
 }
 .controlpanel .data {
   color: F4C1D4;
 }
 .data a {
   color: F4C1D4;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: F4C1D4;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: F4C1D4;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: F4C1D4;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: F4C1D4;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Green star Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i145.photobucket.com/albums/r235/glittersdreams/layout/star/star.jpg);
   background-attachment: fixed;
   background-color: DEEF6E;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 637201;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 637201;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: 637201;
   background-color: B4CD12;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: B4CD12;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color:B4CD12;
 
 }
 #controlPanelButtons a:hover {
   color: B4CD12;
   border-color: transparent;
   background-color: 637201;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: 637201;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 637201;
 }
 .controlpanel .data {
   color: 637201;
 }
 .data a {
   color: 637201;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 637201;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 637201;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 637201;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 637201;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Blue green star Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://i145.photobucket.com/albums/r235/glittersdreams/layout/star/star3.jpg);
   background-attachment: fixed;
   background-color: 123436;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: BFD7D8;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: BFD7D8;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: BFD7D8;
   background-color: 123436;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: BFD7D8;
   border-color: BFD7D8;
   background-color: 123436;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 123436;
 
 }
 #controlPanelButtons a:hover {
   color: 123436;
   border-color: transparent;
   background-color: BFD7D8;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: BFD7D8;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: BFD7D8;
 }
 .controlpanel .data {
   color: BFD7D8;
 }
 .data a {
   color: BFD7D8;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: BFD7D8;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: BFD7D8;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: BFD7D8;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: BFD7D8;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?