Wallpapers Forums Login

Free Friendster Layouts Tutorial Creating Make Customize Profile

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"

friendster layout edit


second, click on the "Customize" tab

friendster layout customize


Now copy and paste the following code into the "Advanced Cusotmization" area where it says "Cusomtize CSS"

friendster layout 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
friendster layout save

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

friendsters friendsters com www friendsters com friendsters layout friendsters layouts www friendsters profiles find friends friends dating music profile games social networking date social network match love tagworld friendship free friend facebook online dating xanga videos online community sex youtube singles video blog face book blogs friend network blogger craigslist social networks yahoo hi5 social networking site bebo livejournal frienster downelink freindster mysoace a place for friends hotmail
nelly Mon Oct 25, 2010
hi...im s0ri,i tried how to do ds one but its not w0rks..cn u more teach me how to do this in a easy way?..plz....help me?..pls...i'll w8 ur rply..thnx..
rjay Wed Jul 01, 2009
01-1801-00bfbce1c4d3e37a65e2418479777281c46a55af067f7m.jpg
help nmn poh! gs2 ko sna pgandhin ung profile ko.
myra Fri Apr 10, 2009
gud evening can i ask how to make my photo layout on my frienster profile
2nd_magnacarta Sat Mar 21, 2009
21-1801-1-862174178m.jpg
hi ? pa elp nmn poh sa customize
KURTIZ Thu Mar 12, 2009
12-1801-dsc00921.jpg
helo....can u teach me how to change my layout pic
Tung Thu Mar 12, 2009
wow! thank you so much, i can make my profile same like u. thnx again
my profile:
friendster /tunghardy
joyax! Tue Mar 10, 2009
.hellow poh!!..can u teach me how to make friendster layouts?
vannie Sun Mar 08, 2009
08-1801-picture-051.jpg
hello..!can u teach me how to create a moving picture in my profile?
alexis Wed Feb 25, 2009
how can i make my image to be a layout [friendster,facebook, or any]
jeza Tue Feb 17, 2009
17-1801-me.jpg
..hi?how can i make a nice layout for my page?
â&At Wed Feb 11, 2009
hey!!!
gud evening i want to ask u if how can i create a layout that the backround is a picture!!!!!!
pls. i need it! im dying to know it!
i'll wait your reply!! tnx,,,
jiecelny Tue Feb 10, 2009
10-1801-1-233502756l1.jpg|8982
help me how to create a layout... yong pic koh ang nakalagay... :)
zhaiyie Sat Jan 24, 2009
pls teach me how 2 use my picture as my layout?! pls..
iveey Mon Jan 12, 2009
hi,,can u pls teach me how to use my pictre as my layout?
tahank u so much...godbless
cristina Mon Jan 12, 2009
pls..teach me how to use my pic as my profile background..thanks

Related Content

Information

Share

wallpaperama | Wallpapers | Forums | Terms Of Service

copyright © 2013 wallpaperama - All Rights Reserved - Last Updated Mon May 06, 2013 (-8 GMT)
Powered by: Webune Forums V5