Close
 
1. Copy the code below.
2. Go to "My Profile", then "Edit Profile".
3. Click on "Customize" and paste the code
in the "Customize CSS" box.
                
/*page background*/
body {
  background-image: url(http://www.hotlinkyouthclub.com.my/friendster/bg_cr3atures.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #FFFFFF;
}
/*global fonts*/
.usercontent {
  font-family: Arial, Helvetica, sans-serif;
  color:#555555;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  text-decoration:none;
  color:17728f;
}
.usercontent a:hover {
  text-decoration:underline;
}
/*modules*/
.commonbox { /*box*/
  background-color:#f9fbe5e3e3e3;
}
.commonbox h1, .commonbox h2 { /*header*/
  color:#FFFFFF;
  background-color: #ed1c24;
}
.commonbox .viewall { /*viewall link*/
  color:#939a5f;
}
.commonbox .dr { /*name bars below photo blocks*/
  background-color:#e6f1f3;
}
.commonbox .evenrow { /*even row*/
  background-color:#f5f5f5;
}

/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border-color:#FFFFFF;
  border-style:solid;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
  color:#17728f;
  border-color:#FFFFFF;
  border-style:solid;
  background-color:#d1e6e9;
}
#controlPanelButtons a:hover { /*buttons hover*/
  color:#ffffff;
  border-color:#FFFFFF;
  background-color:#17728f;
  text-decoration:none;
}