Free Friendster Layouts Tutorial Creating Make Customize Profile

Forums Index
» Blogs Forums
» » Free Friendster Layouts Tutorial Creating Make Customize Profile

Free Friendster Layouts Tutorial Creating Make Customize Profile
Post Description:
Post Tags: free, friendster, layouts, tutorial, creating, make, customize, profile,
This Post Has Been Viewed 11821 Times Since Thu Aug 16, 2007 10:25 am Posted By travis with 21 replies
Next Post »» How to help your kids use social networking web sites more safely

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

Leave Your Comments [ dejar commentarios ]

Comments and replies About Free Friendster Layouts Tutorial Creating Make Customize Profile

:: 1 :: #20705 - Reply By jacqueline On Tue Sep 18, 2007 12:59 am

hi!!! i like your lay out...c:

:: 2 :: #26958 - Reply By crizzy On Thu Nov 08, 2007 7:00 am

ur so nice...

:: 3 :: #38382 - Reply By nhicole On Sat Jan 26, 2008 11:21 pm

.,i lyk ur layout..,but i juzt wanna ask you if you know how to center friendster profiles..,plz reply if you know the answer..,i'm so crazy looking for the answer.,,tnx a lot..,

:: 4 :: #42448 - Reply By NATASHA On Fri Feb 22, 2008 5:46 am

hello i woud be very glad if u give or set a background at sha_belle at email2 .

tq

:: 5 :: #45965 - Reply By daryll On Tue Mar 18, 2008 12:43 am

/* {--friendster-layouts css code start--} */

/* {--friendster-layouts css code start--} */

/* michael's friendster profile editor v4.1 */
/* editfriendster */
/* page background */
body {
background-image: url( 4ir.ir/daily/11/love-wallpaper11.jp fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
cursor: url(" downloads.totallyfreecursors /cursor_files/heartblue.ani"),defa 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 */
monbox {
border-width: 4px;
border-color: #0033ff;
border-style: ridge;
background-color: transparent;
}
monbox .evenrow {
background-color: transparent;
}
/* master headers */
monbox h1, monbox 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;
}
#controlpanel 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 */
monbox .viewall {
color: #ccffff;
}
/* misc: small photos */
monbox .imgblock75, .ir {
border-width: 1px;
border-color: #33ffcc;
border-style: dashed;
background-color: transparent;
}
/* misc: small photo names */
monbox .dr {
color: #0033ff;
background-color: transparent;
}

/* {--friendster-layouts css code end--} */

/* {--friendster-layouts css code end--} */

:: 6 :: #46978 - Reply By parpole On Mon Mar 24, 2008 9:04 pm

how can i center my profile? thnx

:: 7 :: #48242 - Reply By jule On Tue Apr 01, 2008 10:24 pm

what is the required size to make a layout? thanks

:: 8 :: #48243 - Reply By jule On Tue Apr 01, 2008 10:32 pm

what is the required size to make a layout if you're using css editor like cubancouncil? please i need to know... thanks

:: 9 :: #50340 - Reply By AYO On Tue Apr 15, 2008 8:37 pm

its 1024x641 its perfect size for your profile.. =)

:: 10 :: #50484 - Reply By angel On Thu Apr 17, 2008 2:02 am

how to put pictures in headers?can u give me an example code?

:: 11 :: #51254 - Reply By bob On Tue Apr 22, 2008 9:12 pm

hi! it`s really sucks! i just followed that simple instruction but still i cant put my desired layout..what`s the matter?..i start hating this friendster account...please help me!tnx

:: 12 :: #52851 - Reply By shiela On Tue May 06, 2008 3:46 am

can you please',give me a imo layouts

:: 13 :: #52852 - Reply By shiela On Tue May 06, 2008 3:47 am

give me a emo layouts

:: 14 :: #54577 - Reply By elmer On Tue May 20, 2008 8:57 pm

how to make my profile in center area?
plzzzzzzzzzzzzzzzzzzzzzzzz

:: 15 :: #54875 - Reply By sardani On Fri May 23, 2008 7:50 am

no comment

:: 16 :: #55195 - Reply By demy On Sun May 25, 2008 7:02 pm

how can i center my friendster layout????

:: 17 :: #55748 - Reply By konero_san On Fri May 30, 2008 3:01 am

i like nature

:: 18 :: #56166 - Reply By eugene On Mon Jun 02, 2008 3:11 am

thanks!!!you're great!!!

:: 19 :: #56199 - Reply By maricel On Mon Jun 02, 2008 9:10 am

u know i lyk more layout and i lyk ur layout 2..i hope as soon as possible u make new layout..thanx

:: 20 :: #58241 - Reply By dhaiske On Wed Jun 18, 2008 3:19 am

oi pano ba gumawa ng magandang back ground?

:: 21 :: #69526 - Reply By total freakies On Fri Sep 05, 2008 3:40 pm

this is not what i want.........i want to make my own friendster layouts