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 |

PHOTOGRAPHY FRIENDSTER LAYOUTS

I am who i am Friendster Layout

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

/* layout provide by topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: C2C2C2;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/1.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:no-repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: FFFFFF;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 494848;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 3px;
   border-color: FFFFFF;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: 373434;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 373434;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: 373434;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: FFFFFF;
 
 }
 #controlPanelButtons a:hover {
   color: 373434;
   border-color: transparent;
   background-color: 3F7C95;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:FFFFFF ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: FFFFFF;
 }
 .controlpanel .data {
   color:FFFFFF;
 }
 .data a {
   color: FFFFFF;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: FFFFFF;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: FFFFFF;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: FFFFFF;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: FFFFFF;
   text-transform: lowercase;
   background-color: transparent;
 }
 
 
 
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

Im gorgeous Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
   background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/3.gif);
   background-attachment: fixed;
 	background-position: right bottom;
 	background-repeat: no-repeat;
   background-color: #FBD8DE;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: F9246F;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: F1558C;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: F0236B;
   border-style: dashed;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: FF6589;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: FF6589;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: F9246F;
 
 }
 #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:F9246F ;
   border-style: dashed;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: F9246F;
 }
 .controlpanel .data {
   color:F9246F;
 }
 .data a {
   color: F9246F;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: F9246F;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: F9246F;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: F9246F;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dashed;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: F9246F;
   text-transform: lowercase;
   background-color: transparent;
 }
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

Greatest down fall Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: E2DDD9;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/5.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:no-repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 625756;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: E51066;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: C5C5C5;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color: transparent;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: transparent;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #CFCAC6;
   background-color: 5B5B5B;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 5B5B5B;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #CFCAC6;
   border-color: #DAD7D4;
   background-color: 5B5B5B;
 }
 
 
 #controlPanelButtons a:hover {
   color: 5B5B5B;
   border-color: transparent;
   background-color: 928C89;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:625756 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 625756;
 }
 .controlpanel .data {
   color:625756;
 }
 .data a {
   color: 625756;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 625756;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 625756;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 625756;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 625756;
   text-transform: lowercase;
   background-color: transparent;
 }
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

Have to run away Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: 959AA1;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/7.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:no-repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 625756;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color:2C4F64;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: C5C5C5;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color: transparent;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: transparent;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #CFCAC6;
   background-color: 5B5B5B;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 5B5B5B;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #CFCAC6;
   border-color: #DAD7D4;
   background-color: 5B5B5B;
 }
 
 
 #controlPanelButtons a:hover {
   color: 5B5B5B;
   border-color: transparent;
   background-color: 928C89;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:625756 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 625756;
 }
 .controlpanel .data {
   color:625756;
 }
 .data a {
   color: 625756;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 625756;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 625756;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 625756;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 625756;
   text-transform: lowercase;
   background-color: transparent;
 }
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

Color of life Friendster Layout

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

/* layout provide by topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: C2C2C2;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/2.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:no-repeat;
 
 }
 
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 6A5859;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 373434;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 3px;
   border-color: transparent;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #B5B4B4;
   background-color: 373434;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 373434;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #B5B4B4;
   border-color: #373434;
   background-color: 373434;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: B5B4B4;
 
 }
 #controlPanelButtons a:hover {
   color: B5B4B4;
   border-color: transparent;
   background-color: 928484;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:B5B4B4;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color:6A5859;
 }
 .controlpanel .data {
   color:6A5859;
 }
 .data a {
   color: 6A5859;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color:6A5859;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 6A5859;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 6A5859;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 6A5859;
   text-transform: lowercase;
   background-color: transparent;
 }
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

Try walking on my shoes Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: C2C2C2;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/4.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:no-repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 625756;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: E51066;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: C5C5C5;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color: transparent;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: transparent;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #CFCAC6;
   background-color: 5B5B5B;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 5B5B5B;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #CFCAC6;
   border-color: #DAD7D4;
   background-color: 5B5B5B;
 }
 
 
 #controlPanelButtons a:hover {
   color: 5B5B5B;
   border-color: transparent;
   background-color: 928C89;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:625756 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 625756;
 }
 .controlpanel .data {
   color:625756;
 }
 .data a {
   color: 625756;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 625756;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 625756;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 625756;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 625756;
   text-transform: lowercase;
   background-color: transparent;
 }
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

Black and white Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: D1D1D1;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/photography/6.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:no-repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 625756;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 312A2A;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color: transparent;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: transparent;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #CFCAC6;
   background-color: 5B5B5B;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 5B5B5B;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #CFCAC6;
   border-color: #DAD7D4;
   background-color: 5B5B5B;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 625756;
 
 }
 #controlPanelButtons a:hover {
   color: 5B5B5B;
   border-color: transparent;
   background-color: 928C89;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:625756 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 625756;
 }
 .controlpanel .data {
   color:625756;
 }
 .data a {
   color: 625756;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 625756;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 625756;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 625756;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 625756;
   text-transform: lowercase;
   background-color: transparent;
 }
 /**********END OF THE CODE**********/

Code for Media section

Preview Layout | need help installing?

1 · 2 · 3