Don

1. Browse any layouts first and click on your chosen layout to get the code.
2. To get the layout code, point your mouse's cursor to the blockquote, below the screenshot image of the layout and copy the codes provided.
3. Go to your friendster account, click on the my profile (see navigation above right behind the "home" link) and click on the cuztomize page (you can find it under your default picture) paste (CTRL+V) the codes you have copied.
4. After placing the codes in their right places, press "save".
5. View your profile to see your new layout ! Congratulation ! ( refresh if your new layout is not showing up [press F5] )

Copy & Paste code below to your Friendster Profile



/* PROFILE BACKGROUND */
body { background-image:url(http://www.semarangindah.com/images/b/friendster-layouts-background-08/0838b.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-color:#000000; }

/* GLOBAL FONTS */
.usercontent {
  color: #ff0099;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #ff0099;
}
.usercontent a:hover {
  color: #ffffff;
}
/* MASTER BOXES */
.commonbox {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  color: #ff0099;
  background-color: #000000;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #ff0099;
  border-style: dashed;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  color: #ff0066;
}
.controlpanel .data {
  color: #ff0099;
}
.data a {
  color: #ff0099;
  text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  color: #ff0099;
  text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Arial, Sans-serif;
  color: #ff0099;
  border-color: #ff0099;
  border-style: dashed;
  background-color: #000000;
  text-decoration: ;
}
#controlPanelButtons a:hover {
  font-family: Arial, Sans-serif;
  color: #ff0099;
  border-color: #ff0099;
  background-color: #999999;
  text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Arial, Sans-serif;
  color: #;
  text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  color: #ff0099;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 3px;
  border-color: #ff0099;
  border-style: dashed;
  background-color: #000000;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  color: #ff0099;
  background-color: transparent;
}

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Tags: background color, background image url, background position, body background, border color, border style, border width, center background, color 000000, color ffffff, control panel buttons, fixed background, friendster layouts, master boxes, paste code, photo gallery photos, position center, sans serif, text decoration, transparent control