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 |

SWIRL FRIENDSTER LAYOUTS

Blue swirl 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/swirl/blue.jpg);
   background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: 000000;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: 80ACC8;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: 80ACC8;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: 80ACC8;
   background-color: 1F6491;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: 80ACC8;
   border-color: 80ACC8;
   background-color: 1F6491;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 1F6491;
 
 }
 #controlPanelButtons a:hover {
   color: 1F6491;
   border-color: transparent;
   background-color: 80ACC8;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: 80ACC8;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: 80ACC8;
 }
 .controlpanel .data {
   color: 80ACC8;
 }
 .data a {
   color: 80ACC8;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: 80ACC8;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: 80ACC8;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: 80ACC8;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: 80ACC8;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Pink black swirl 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/swirl/pinkblack.jpg);
   background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: 000000;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: FD87AF;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: FD87AF;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: FD87AF;
   background-color: bD0D48;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: FD87AF;
   border-color: FD87AF;
   background-color: bD0D48;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: bD0D48;
 
 }
 #controlPanelButtons a:hover {
   color: bD0D48;
   border-color: transparent;
   background-color: #ffffff;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: FD87AF;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: FD87AF;
 }
 .controlpanel .data {
   color: FD87AF;
 }
 .data a {
   color: FD87AF;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: FD87AF;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: FD87AF;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: FD87AF;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: FD87AF;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Green swirl 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/swirl/green.jpg);
   background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: CCDA2B;
 }
 
 /*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: #ffffff;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: 61720F;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: 61720F;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: 61720F;
 
 }
 #controlPanelButtons a:hover {
   color: 61720F;
   border-color: transparent;
   background-color: #ffffff;
 
 }
 /* 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;
 }

Code for Media section

Preview Layout | need help installing?

Orange swirl 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/swirl/orange1.jpg);
   background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: #000000;
 }
 
 /*FONTS */
 .usercontent {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: FDC18B;
 }
 
 /* LINKS */
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
   text-decoration: none;
   color: FDC18B;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: FDC18B;
   background-color: D66F13;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: FDC18B;
   border-color: FDC18B;
   background-color: D66F13;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: D66F13;
 
 }
 #controlPanelButtons a:hover {
   color: D66F13;
   border-color: transparent;
   background-color: FDC18B;
 
 }
 /* CONTROL PANEL: BOX */
 .controlpanel {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 
 
 }
 /* CONTROL PANEL: USER PHOTO */
 .controlpanel .imgblock200 {
   border-color: FDC18B;
   border-style: dotted;
 
 
 }
 /* CONTROL PANEL: DATA */
 .controlpanel .q {
   color: FDC18B;
 }
 .controlpanel .data {
   color: FDC18B;
 }
 .data a {
   color: FDC18B;
   text-decoration: none;
 
 }
 /* CONTROL PANEL: MORE ABOUT ME LINK */
 a.more {
   color: FDC18B;
 
 }
 
 
 /* TESTIMONIALS/REVIEWS TEXT */
 .data {
   color: FDC18B;
 
 }
 /*VIEW ALL LINKS */
 .commonbox .viewall {
   color: FDC18B;
 
 }
 /* THUMB PHOTOS */
 .commonbox .imgblock75, .ir {
   border-width: 2px;
   border-style: dotted;
   background-color: transparent;
 }
 
 
 /*  PHOTO NAMES */
 .commonbox .dr {
   color: FDC18B;
   text-transform: lowercase;
   background-color: transparent;
 }

Code for Media section

Preview Layout | need help installing?

Pink swirl 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/swirl/pink1.jpg);
   background-attachment: fixed;
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: FF679A;
 }
 
 /*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: #ffffff;
 
 }
 /* MASTER BOXES */
 .commonbox {
   border-width: 2px;
   border-style: double;
   background-color: transparent;
 }
 .commonbox .evenrow {
   background-color: transparent;
 }
 
 /* MAIN HEADERS */
 .commonbox h1, .commonbox h2 {
   color: #ffffff;
   background-color: BD0D48;
 }
 
 /* CONTROL PANEL: BUTTONS */
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
   color: #ffffff;
   border-color: #ffffff;
   background-color: BD0D48;
 }
 
 .usercontent a:hover {
   text-decoration: none;
   color: BD0D48;
 
 }
 #controlPanelButtons a:hover {
   color: BD0D48;
   border-color: transparent;
   background-color: #ffffff;
 
 }
 /* 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;
 }

Code for Media section

Preview Layout | need help installing?