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 |

CUTE FRIENDSTER LAYOUTS

Lollipop Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: 000000;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/cute/001bg.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: EA3A4F;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: C77000;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: FF487C;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color:FECC33;
 }
 
 
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: FECC33;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #AC6700;
   background-color: FE9800;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: FE9800;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #AC6700;
   border-color: #D37700;
   background-color: FE9800;
 }
 
 
 #controlPanelButtons a:hover {
   color: FFC9FC;
   border-color: transparent;
   background-color: F9BC00;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:D61A58 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: D61A58;
 }
 .controlpanel .data {
   color:D61A58;
 }
 .data a {
   color: D61A58;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: D61A58;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: D61A58;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: D61A58;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: D61A58;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Sweet bubbles Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: ffffff;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/cute/003bg.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 3BBACA;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color:FFCC00 ;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color:8EBF08;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color:E5FDFF;
 }
 
 
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: E5FDFF;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
 font-family:arial; 
 color:ffffff; 
 background-color:B8D048; 
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background:B8D048;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #8DA421;
   background-color:B8D048;
 }
 
 
 #controlPanelButtons a:hover {
   color: FFC9FC;
   border-color: transparent;
   background-color: F9BC00;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:3BBACA ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 3BBACA;
 }
 .controlpanel .data {
   color:3BBACA;
 }
 .data a {
   color: 3BBACA;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 3BBACA;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 3BBACA;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 3BBACA;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 3BBACA;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Colorful splash Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: 000000;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/cute/009bg.jpg);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: D61A58;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: FF8400;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: FF487C;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color:1A1A1A;
 }
 
 
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: 1A1A1A;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #CFCAC6;
   background-color: 698610;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: 698610;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #CFCAC6;
   border-color: #DAD7D4;
   background-color: 698610;
 }
 
 
 #controlPanelButtons a:hover {
   color: FFC9FC;
   border-color: transparent;
   background-color: FF487C;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:D61A58 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: D61A58;
 }
 .controlpanel .data {
   color:D61A58;
 }
 .data a {
   color: D61A58;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: D61A58;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: D61A58;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: D61A58;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: D61A58;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Cute dolphins Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color:ffffff;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/cute/cute-dolphins.jpg);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: FF476A;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color:AAC225;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: C878FF;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color:FCFBBB;
 }
 
 
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: FCFBBB;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color:FEBE1E;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background:FEBE1E;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color:FEBE1E;
 }
 
 
 #controlPanelButtons a:hover {
   color:20ADA7;
   border-color: transparent;
   background-color: 81FFFA;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:FF476A ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: FF476A;
 }
 .controlpanel .data {
   color:FF476A;
 }
 .data a {
   color: FF476A;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: FF476A;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: FF476A;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: FF476A;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: FF476A;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Summer Friendster Layout

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

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

Code for Media section

Preview Layout | need help installing?

Swee icecream Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color: ffffff;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/cute/004bg.gif);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:repeat;
 
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: D61A58;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: BB7F0A;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: C5C246;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color: EAE9BF;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: EAE9BF;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #81063C;
   background-color: D82A78;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background: D82A78;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #81063C;
   border-color: #DAD7D4;
   background-color: D82A78;
 }
 
 
 #controlPanelButtons a:hover {
   color: FFC9FC;
   border-color: transparent;
   background-color: B836F5;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:D61A58 ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: D61A58;
 }
 .controlpanel .data {
   color:D61A58;
 }
 .data a {
   color: D61A58;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: D61A58;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: D61A58;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: D61A58;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: D61A58;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Beauty Friendster Layout

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

/* layout provide by www.topfriendsterlayout.com*/
 /*  BACKGROUND */
 body {
  	background-color:ffffff;
  	background-image: url(http://i148.photobucket.com/albums/s7/topfriendsterlayout/layouts/cute/014bg.jpg);
 	background-attachment:fixed;
 	background-position:bottom right;
 	background-repeat:repeat;
  
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: FF476A;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color:AAC225;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: C878FF;
 }
 
 /* MASTER BOXES */
 .commonbox {
   border-width: 1px;
   border-color: transparent;
   border-style: solid;
   background-color:F4F4F4;
 }
 
 
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 3px;
   border-style: solid;
   background-color: F4F4F4;
 }
 
 
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #FDECF4;
   background-color:FF89C3;
 }
 
 
 /*  TOP HEADER */
 #mainnav {
 background:FF89C3;
 }
 
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #FDECF4;
   border-color: #FDECF4;
   background-color:FF89C3;
 }
 
 
 #controlPanelButtons a:hover {
   color: FFC9FC;
   border-color: transparent;
   background-color: F9BC00;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color:FF476A ;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: FF476A;
 }
 .controlpanel .data {
   color:FF476A;
 }
 .data a {
   color: FF476A;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: FF476A;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: FF476A;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: FF476A;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 1px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: FF476A;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

1 · 2 · 3 · 4 · 5 · ...10 · Next 5>>