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 |

TRANSFORMER FRIENDSTER LAYOUTS

Optimus prime Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/1.jpg);
   background-attachment: fixed;
   background-position: top right;
   background-repeat: no-repeat;
   background-color: 616885;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: C8D4DD;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 12325E;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: C8D4DD;
   background-color: 333E64;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: C8D4DD;
   border-color: C8D4DD;
   background-color: 333E64;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 333E64;
 
 }
 #controlPanelButtons a:hover {
   color: 333E64;
   border-color: transparent;
   background-color: C8D4DD;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: C8D4DD;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: C8D4DD;
 }
 .controlpanel .data {
   color: C8D4DD;
 }
 .data a {
   color: C8D4DD;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: C8D4DD;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: C8D4DD;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: C8D4DD;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: C8D4DD;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Bumble bee Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/2.jpg);
   background-attachment: fixed;
   background-position: top right;
   background-repeat: no-repeat;
   background-color: 1B2235;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 586076;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color:  A76607;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
    border-color: #806F2B;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color:  FFF0A9;
   background-color: 937900;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color:  FFF0A9;
   border-color:  FFF0A9;
   background-color: 937900;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 937900;
 
 }
 #controlPanelButtons a:hover {
   color: FFF0A9;
   border-color: transparent;
   background-color:  64550E;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:  586076;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:  586076;
 }
 .controlpanel .data {
   color:  586076;
 }
 .data a {
   color:  586076;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:  586076;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color:  586076;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color:  586076;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color:  586076;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Ironhide Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/3.jpg);
   background-attachment: fixed;
 	background-position: right top;
 	background-repeat: no-repeat;
   background-color: #000000;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: C8D4DD;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 12325E;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-style: dashed;
 	border-color:0C193A ;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: C8D4DD;
   background-color: 333E64;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: C8D4DD;
   border-color: C8D4DD;
   background-color: 333E64;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 333E64;
 
 }
 #controlPanelButtons a:hover {
   color: 333E64;
   border-color: transparent;
   background-color: C8D4DD;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: C8D4DD;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: C8D4DD;
 }
 .controlpanel .data {
   color: C8D4DD;
 }
 .data a {
   color: C8D4DD;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: C8D4DD;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: C8D4DD;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: C8D4DD;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: C8D4DD;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Jazz Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/4.jpg);
   background-attachment: fixed;
   background-position: top right;
   background-repeat: no-repeat;
   background-color: 1B343B;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 53757E;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 4F595B;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color:142A30;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: ABC5CC;
   background-color: 0E2126;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: ABC5CC;
   border-color: 53757E;
   background-color: 0E2126;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 0E2126;
 
 }
 #controlPanelButtons a:hover {
   color: 0E2126;
   border-color: transparent;
   background-color: 53757E;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: 53757E;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 53757E;
 }
 .controlpanel .data {
   color: 53757E;
 }
 .data a {
   color: 53757E;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 53757E;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 53757E;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 53757E;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 53757E;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Megatron Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/5.jpg);
   background-attachment: fixed;
   background-position: top right;
   background-repeat: no-repeat;
   background-color: #000000;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: BF65A7;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 7B3568;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: BF65A7;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color:  4E393E;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #CF97C9;
   background-color: 6B0F60;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #CF97C9;
   border-color: #transparent;
   background-color:6B0F60;
 
 }
 #controlPanelButtons a:hover {
   color: CF97C9;
   border-color: B181C7;
   background-color: #6B0F60;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:BF65A7 ;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: BF65A7;
 }
 .controlpanel .data {
   color:BF65A7;
 }
 .data a {
   color: BF65A7;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: BF65A7;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: BF65A7;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: BF65A7;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color:transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: BF65A7;
   text-transform: lowercase;
   background-color:transparent;
 }

Code for Media section

Preview Layout | need help installing?

Blackout Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/6.jpg);
   background-attachment: fixed;
   background-position: top right;
   background-repeat: no-repeat;
   background-color: 701212;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 470707;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: A22525;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
    border-color: #280202;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: 8F5B5B;
   background-color:390B0B;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: 8F5B5B;
   border-color: 8F5B5B;
   background-color:390B0B;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color:390B0B;
 
 }
 #controlPanelButtons a:hover {
   color:8F5B5B;
   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:  470707;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:  470707;
 }
 .controlpanel .data {
   color:  470707;
 }
 .data a {
   color:  470707;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:  470707;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color:  470707;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color:  470707;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color:  470707;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Optimus prime Friendster Layout

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

/* {--layout provide by topfriendsterlayout.com--} */
 /*  BACKGROUND */
 body {
   background-image: url(http://image.layoutvenue.com/friendster/movies/transformer/7.jpg);
   background-attachment: fixed;
   background-position: top right;
   background-repeat: no-repeat;
   background-color: 000000;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 6B1D1D;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: A22525;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
    border-color: #280202;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: 8F5B5B;
   background-color:390B0B;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: 8F5B5B;
   border-color: 8F5B5B;
   background-color:390B0B;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color:390B0B;
 
 }
 #controlPanelButtons a:hover {
   color:8F5B5B;
   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:  6B1D1D;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:  6B1D1D;
 }
 .controlpanel .data {
   color:  6B1D1D;
 }
 .data a {
   color:  6B1D1D;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:  6B1D1D;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color:  6B1D1D;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color:  6B1D1D;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color:  6B1D1D;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

1 · 2