- Forums
- Blogs
- Free Friendster Layouts Tutorial Creating Make Customize Profile
This Page Contains information about Free Friendster Layouts Tutorial Creating Make Customize Profile By travis in category Blogs with 48 Replies. [1705], Last Updated: Sat May 18, 2024
travis
Thu Aug 16, 2007
48 Comments
19714 Visits
if you want to know how you can customize your friendster page, you can do it with css and html, here, i will show you in this simple tutorial for biginers to learn how to do it,
check out my profile and make comments please.
my profile is: http://www.friendster.com/27136494
this is how you do it:
first, login to your friendster account, then go to "My Profile" then "Edit Profile"
second, click on the "Customize" tab
Now copy and paste the following code into the "Advanced Cusotmization" area where it says "Cusomtize CSS"
CSS CODE (friendster Layout Code):
/* {--friendster-layouts.com css code start--} */
/* {--friendster-layouts.com css code start--} */
/* michael's friendster profile editor v4.1 */
/* http://www.editfriendster.com */
/* PAGE BACKGROUND */
body {
background-image: url(http://www.4ir.ir/daily/11/love-wallpaper11.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
cursor: url("http://downloads.totallyfreecursors.com/cursor_files/HeartBlue.ani"),default;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Georgia, Times New Roman, Times, serif;
color: #0033ff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #33ccff;
}
.usercontent a:hover {
color: #99ccff;
}
/* MASTER BOXES */
.commonbox {
border-width: 4px;
border-color: #0033ff;
border-style: ridge;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #00ccff;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 4px;
border-color: #0066ff;
border-style: groove;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #00ccff;
border-style: dotted;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #99ffff;
}
.controlpanel .data {
font-family: Courier New, Courier, Monaco, monospace;
color: #00ccff;
}
.data a {
font-family: Courier New, Courier, Monaco, monospace;
color: #ccffff;
text-decoration: underline;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #33ffff;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Courier New, Courier, Monaco, monospace;
color: #0033ff;
border-color: #00ffff;
border-style: dashed;
background-color: transparent;
text-decoration: line-through;
}
#controlPanelButtons a:hover {
font-family: Courier New, Courier, Monaco, monospace;
color: #00ffff;
border-color: #0033ff;
background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 4px;
border-color: #33ffff;
border-style: inset;
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 4px;
border-color: #33ffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 4px;
border-color: #00ff00;
border-style: double;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 4px;
border-color: #0033ff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
border-width: 4px;
border-color: #00ff66;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 4px;
border-color: #0033ff;
border-style: groove;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 4px;
border-color: #0033ff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 4px;
border-color: #00ff66;
border-style: ridge;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 4px;
border-color: #00ffff;
border-style: dashed;
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
border-width: 4px;
border-color: #0033ff;
border-style: double;
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 4px;
border-color: #00ffff;
border-style: double;
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 4px;
border-color: #0033ff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 4px;
border-color: #0033ff;
border-style: ridge;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
color: #00ffff;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #ccffff;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 1px;
border-color: #33ffcc;
border-style: dashed;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #0033ff;
background-color: transparent;
}
/* {--friendster-layouts.com css code end--} */
/* {--friendster-layouts.com css code end--} */
then clik on the save button at the bottom of the page once you have inserted the code i provided above
now view your new profile with the new layout, (make sure to refresh your screen if you don't see a background with hearts)
Done