FHelp : Friendster Help

Gif primary pic

2008-03-19T13:56:41Z

make your primary pic a gif

this is a css file

Code:

div.imgblock200 {

background:url(GIF URL HERE);

background-position: center center;

background-repeat: no-repeat;

height:200px;

width:185px;

}

div.imgblock200 img {display:none !important}

Color Coding

2008-03-19T13:33:08Z

This will be the color coding of this blog

Welcome- blue

Announcements- Green

Friendster Codes- Red

Layouts- Purple

Suggestions and Feedbacks- Gray

HTML- Orange

Read this!

2008-03-19T13:29:00Z

Note that js linkers are meant for js

but if friendster filters them, use .txt

as the extension name..

Marquee on title bar

2008-03-19T12:45:14Z

It's a .js file

Not really sure if it's working..

it's a marquee at the bar..

Code:

var txt="Tnx for viewing my profile, "+pageViewerFName+" have a happy holiday! ";

var espera=230

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);� � � �

refresco=setTimeout("rotulo_title()",espera);}

rotulo_title();

Confirmation Box

2008-03-19T06:20:45Z

A confirmation box when someone enters your profile

Code:

function confirm_it(){

var msg="Welcome..."+pageViewerFName+"...Your User ID is..."+pageViewerID+"...The TIME and Date NOW is..."+Date()+"...OR Want to GO Back HOME ?."

var cancel = "http://www.friendster.com/"

if (!confirm(msg))

window.location=cancel;

}

confirm_it();

you can edit the words..

friendstertalk.com >>credits

Compilation of hide css codes

2008-03-19T06:09:50Z

CSS HIDE CODES:

Code:


/* Remove Bulky Images/Embeds in Your Comments  */.data img, .data embed {display:none!important;}

Code:


/* Hide Navigation Language */#navLang { display: none ! important }

Code:


/* Hide the arrows in your mainnav dropdown links */#mainnav .mainfoldericon {display:none!important;}

Code:


/* Hide About me paragraph in control panel*/.controlpanel p {display:none!important;}

Code:


/* Hide Recent Updates */.user_tracker {display:none!important;}

Code:


/* Hide Google Search */#search form { display : none !important; }

Code:


/* Hide Friendster Classifieds */#marketing {display:none!important;}

Code:


/* Hide Footer */#footer_container {display:none!important;}

Code:


/* Hide Footer link only */#footer a {display:none!important;}

Code:


/* Hide friendster logo */#logo {display:none!important;}

Code:


/* Hide sidebar google ads*/#content_14 {display:none!important;}

Code:


/* Hide Messages | Setting | Help | Log out*/#subnav {display:none!important;}

Code:


/* Hide How you are connected box */#content_15 {display:none!important;}

Code:


/* Hide control panel buttons */#controlPanelButtons {display:none!important;}

Code:


/* Hide White bar under navigation */#marketing_bg {display:none!important;}

Code:


/* Hide the Home | My Profile | My Connections*/#mainnav {display:none!important;}

Code:


/* Hide the whole top navigation */#navigation {display:none!important;}

Code:


/* Hide the surfer */#surfer {display:none!important;}

Code:


/* Hide hide the divider */#navdivider {display:none!important;}

Code:


/* Hide Classifieds | Jobs | */.secondary_links {display:none!important;}

Code:


/* Hide you Photo gallery's photos */#content_1 .flogriditem  {display:none!important;}

Code:


/* Hide your featured friends photos */#content_2 .flogriditem  {display:none!important;}

Code:


/* Hide the about me link above recent updates */#content_0 a.more {display:none!important;}

Code:


/* Hide banner ads on top */.banner_ad_fix {display:none!important;}

Code:


/* Hide the view all link of boxes like comments, testi, and friends*/.commonbox .viewall {display:none!important;}

Code:


/* Hide the headers of all box */.commonbox h1, .commonbox h2 {display:none!important;}

Code:


/* Hide your featured friends' names */#content_2 .dr {display:none!important;}

Code:


/* Hide the edit link like edit featured friends and edit reviews */.commonbox .editlink {display:none!important;}

Code:


/* Hide the arrows of your blogs */ul.entries li {display:none!important;}

Code:


/* Hide the photos in your testimonials comments */#content_18 .imgblock75 {display:none!important;}

Code:


/* Hide the shoutoutbox */#cpShoutoutBox {display:none!important;}

Code:


/* Change the div_id for specific box 2 hide the header*/#div_id .h2 {display:none!important;}

Code:


/* Hide Control panel box header */#controlpanel_header {display:none!important;}

Code:


/* Hide the spacer */#shimrow {display:none!important;}

Code:


/* Hide Group updates */#content_8 .data {display:none!important;}

Code:


/* Hide the whole profile */#flo_wrapper, #footer_container {display:none!important;}

Code:


/* Control Panel */.controlpanel {display:none!important;}

Code:


/* Photo Gallery */.photos {display:none!important;}

Code:


/* Blogs */.blogs {display:none!important;}

Code:


/* Reviews */.reviews {display:none!important;}

Code:


/* More About */.moreabout {display:none!important;}

Code:


/* Testimonial & Comments */.publiccomments {display:none!important;}

Code:


/* Media Box */.scrapbook {display:none!important;}

Code:


/* How You're Connected*/.meettrail {display:none!important;}

Code:


/* Featured Friends */.friends {display:none!important;}

Code:


/* Fan Of */.fanof {display:none!important;}

Code:


/* Google Ads */#content_14 {display:none!important;}

Code:


/* Groups */.groups {display:none!important;}

Credits to ftalk.

Title at top of your Page

2008-03-19T05:59:09Z

Code:

var themessage="YOUR MESSAGE"+pageViewerFName""

var fontsize=10 // below 50px.

// don't edit below here.

var appearfor=2000

if (!attachOnLoadHandler(function() { position_at_top();expand();})) window.onload = function() { position_at_top();expand();};

function position_at_top(){

if (document.layers)

document.test.top=pageYOffset

else if (document.all){

test.innerHTML='

'+themessage+'

'

setTimeout("test.style.top=document.body.scrollTop+10;test.style.left=document.body.scrollLeft+10",100)

}

else if (document.getElementById){

document.getElementById("navigation").innerHTML='

'+themessage+'

'

document.getElementById("navigation").style.top=pageYOffset

}

}

function expand(){

if (document.layers){

document.test.document.write('

'+themessage+'

')

document.test.document.close()

}

else if (document.all)

test.style.fontSize=fontsize+'px'

else if (document.getElementById)

document.getElementById("navigation").style.fontSize=fontsize+'px'

fontsize+=5

if (fontsize>50){

if (document.layers)

setTimeout("document.test.visibility='hide'",appearfor)

else if (document.all)

setTimeout("test.style.visibility='hidden'",appearfor)

else if (document.getElementById)

setTimeout("document.getElementById('navigation').style.visibility='hidden'",appearfor)

return

}

else

setTimeout("expand()",50)

}

this is an external js code.

sorry.. no preview

Credits to friendstertalk.com

Earthquake in Your Profile

2008-03-19T03:14:00Z

*Warning.. Your browser wil continue to shake until you left click!

-js file!!

Code:

function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} Shw(14)

the number 14 at the end is the number of seconds it will continuously shake..

Compilation of CSS codes

2008-03-18T12:45:00Z

Code:

/* PAGE BACKGROUND */

body {

background-image: url(YOUR IMAGE URL HERE);

background-attachment: fixed;

background-position: center;

background-repeat: no-repeat;

background-color: transparent;

}

/* CUSTOM SCROLLBAR */

body {

scrollbar-face-color: #HEX VALUE;

scrollbar-highlight-color: #HEX VALUE;

scrollbar-shadow-color: #HEX VALUE;

scrollbar-3dlight-color: #HEX VALUE;

scrollbar-arrow-color: #HEX VALUE;

scrollbar-track-color: #HEX VALUE;

scrollbar-darkshadow-color: #HEX VALUE;

}

/* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */

body, td, tr, div, p {

color: #HEX VALUE;

font: '10 to 16'px 'Verdana, Arial, Comic Sans MS, etc...';

text-align: center;

}

/* GLOBAL LINKS */

a:link, a:visited, a:active, a:hover {

font-size: '10 to 16'px;

font-weight: normal;

color: #HEX VALUE;

text-decoration: none;

}

a:hover {

font-size: '10 to 16'px;

font-weight: bold;

color: #HEX VALUE;

text-decoration: underline;

}

a.action:link, a.action:visited, a.action:hover, a.action:active {

color: #HEX VALUE;

}

a:hover {

color: #HEX VALUE;

text-decoration: underline;

}

/* MASTER BOXES */

.commonbox, .commonbox_noborder {

margin-bottom: 10px;

background: transparent;

width: auto;

}

.evenrow {

background-color: transparent;

}

/* MASTER HEADERS */

h1 {

text-align: center;

font-size: '125 to 150'%;

color: #HEX VALUE;

background-color: transparent;

width: auto;

}

h2 {

text-align: center;

font-size: '110 to 125'%;

color: #HEX VALUE;

background-color: transparent;

width: auto;

}

.commonbox h1, .commonbox h2 {

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-repeat: repeat;

height: 24px;

line-height: 24px;

padding-left: 11px;

}

/* CONTROL PANEL: BOX */

.controlpanel {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* CONTROL PANEL: USER PHOTO */

.imgblock200 {

width: 200px;

background: transparent;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

text-align: center;

margin-bottom: 5px;

}

.imgblock200 img {

margin: 0 auto;

}

/* CONTROL PANEL: DATA */

.controlpanel .q {

font-size: '10 to 16'px;

color: #HEX VALUE;

}

.controlpanel .data {

font-size: '10 to 16'px;

color: #HEX VALUE;

}

.controlpanel ul.data, .minicontrolpanel ul.data {

font-weight: bold;

margin-bottom: 15px;

}

.controlpanel ul.data li, .minicontrolpanel ul.data li {

margin-bottom: 5px;

}

/* CONTROL PANEL: MORE ABOUT ME LINK */

.controlpanel a.more, .minicontrolpanel a.more {

font-weight: bold;

background: url(http://images.friendster.com/images/blue_arrow_rt.gif) no-repeat 0 50%;

padding-left: 8px;

margin-top: -5px;

}

/* CONTROL PANEL: BUTTONS */

#controlPanelButtons a:hover {

font-size: '9 to 12'px;

color: #HEX VALUE;

border-color: #HEX VALUE;

background-color: #HEX VALUE;

text-decoration: underline;

}

#controlPanelButtons {

width: 200px;

margin-top: 3px;

padding-bottom: 1px;

}

#controlPanelButtons li {

display: inline;

}

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {

font-size: '9 to 12'px;

color: #HEX VALUE;

width: 100px;

text-align: center center;

float: left;

display: inline;

background: transparent;

border: '1 to 2'px 'solid, outset, ridge, etc...' #HEX VALUE;

margin: 0 -1px -1px 0;

padding: 6px 0;

}

#controlPanelButtons a:hover {

color: #HEX VALUE;

background: #HEX VALUE;

}

/* BOX: MORE ABOUT ME */

.moreabout {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

.moreabout .q {

font-size: '10 to 16'px;

}

/* BOX: MY PHOTO GALLERY */

.photos {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

.flogridp .flogriditem {

margin-left: 16.5px;

width: 101px;

height: 87px;

background: url(YOUR IMAGE URL HERE) no-repeat;

}

/* BOX: MY FRIENDS */

.friends {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY VIDEOS */

.videos {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY GROUPS */

.groups {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

margin-top: -14px;

width: 300px;

}

/* BOX: MY TESTIMONIALS */

.testimonials {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY PUBLICCOMMENTS */

.publiccomments {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY SCRAPBOOK */

.scrapbook {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

width: 580px;

}

/* BOX: FAN OF */

.fanof {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY FANS */

.myfans {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY REVIEWS */

.reviews {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY BLOGS */

.blogs {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* BOX: MY BLOG REVIEWS */

.blogsreviews {

border-width: '1 to 10'px;

border-color: #HEX VALUE;

border-style: 'solid, groove, ridge, etc...';

background-color: transparent;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

/* MISC: VIEW ALL and EDIT LINKS */

.commonbox .viewall, .commonbox .editlink {

padding: 4px 11px;

font-weight: bold;

}

.commonbox .editlink {

float: right;

}

/* MISC: SMALL PHOTOS */

.imgblock75 {

width: 75px;

height: 75px;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

background: transparent;

overflow: hidden;

}

.imgblock75 img {

height: 75px;

margin: 0 auto;

}

.ir {

background: transparent;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

text-align: center;

overflow: hidden;

}

/* MISC: SMALL PHOTO NAMES */

.dr {

text-align: center;

background: transparent;

padding: 3px 0;

border-top: none;

white-space: nowrap;

}

/* NAVIGATION BOX */

#navigation {

height: 50px !important;

position: relative !important;

margin: 0 !important;

padding: '100 to 170'px 0 '5 to 20'px 0 !important; /*this part depends on how big your banner will look like*/

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE !important;

font-family: 'Verdana, Arial, Comic Sans MS, etc...' !important;

line-height: 1.0em !important;

background: transparent !important;

background: url(YOUR IMAGE URL HERE) !important;

background-position: center center !important;

background-repeat: no-repeat !important;

}

#navLang {

font-size: '10 to 12'px;

text-align: right;

margin: 5px 15px 0;

}

#navLang a {

font-size: '10 to 12'px;

padding: 0 3px;

}

#navLang a:hover {

font-size: '10 to 12'px;

}

#navLang span.selLang {

background: transparent;

padding: 0 3px;

}

.languagePanel {

margin: 0;

padding: 7px 10px !important;

border: 2px 'solid, ridge, groove, etc...' #HEX VALUE;

background: #HEX VALUE;

position: absolute;

z-index: 2000 !important;

text-align: left;

}

.languagePanel div, .languagePanel input {

margin: 3px 0;

}

.languagePanel h2 {

color: #HEX VALUE;

font-size: 14px;

margin-bottom: 5px;

}

.languagePanel {

width: 280px;

left: 680px;

top: 10px;

line-height: 16px;

}

.languagePanel .promptButton {

background: transparent;

border: 1px solid #HEX VALUE;

color: #HEX VALUE;

width: 60px;

}

#navBg {

position: absolute !important;

width: 100% !important;

height: 85px !important;

}

#navBar {

position: relative !important;

}

#navdivider {

width: auto !important;

margin: 0 !important;

padding: 0 !important;

font-size: 0 !important;

line-height: 0 !important;

border: none !important;

}

/* FRIENDSTER LOGO */

#logo img {

height: 18px !important;

margin-top: 5px !important;

}

#logo {

float: left !important;

padding-left: 20px !important;

margin-bottom: 10px !important;

}

/* MAIN NAVIGATION LINKS */

#mainnav {

padding: 0 !important;

margin: 5px 0 0 0 !important;

width: 100% !important;

background: transparent !important;

height: 20px !important;

position: relative !important;

text-align: center !important;

color: #HEX VALUE !important;

font-size: '10 to 16'px !important;

font-weight: bold !important;

}

#mainnav ul {

margin: 0 !important;

padding: 0 !important;

list-style-type: none !important;

line-height: 20px !important;

z-index: 20000 !important;

}

#mainnav ul li {

position: relative !important;

display: inline !important;

float: left !important;

text-align: left !important;

}

#mainnav ul li#homelink {

width: 75px !important;

}

#mainnav ul li#profilelink {

width: 105px !important;

}

#mainnav ul li#connectionslink {

width: 140px !important;

}

#mainnav ul li#explorelink {

width: 93px !important;

}

#mainnav ul li#searchlink {

width: 80px !important;

}

head:first-child+body div #mainnav ul li a {

padding: 2px 20px 3px 8px;

}

#mainnav ul li a {

display: inline !important;

padding: 0 20px 0 8px !important;

font-size: 12px !important;

color: #HEX VALUE !important;

line-height: 20px !important;

font-weight: bold !important;

text-decoration: none !important;

white-space: nowrap !important;

background-color: transparent !important;

}

#mainnav ul li a:hover {

font-size: '10 to 16'px !important;

color: #HEX VALUE !important;

text-decoration: underline !important;

background-color: transparent !important;

}

#mainnav ul li ul {

left: 0 !important;

position: absolute !important;

top: 22px !important; /* no need to change, as true value set by script */

display: block !important;

visibility: hidden;

padding: 5px 0 5px 0 !important;

background-color: #HEX VALUE !important;

width: 150px !important; /*width of sub menu levels*/

}

#mainnav ul li ul li {

display: list-item !important;

float: none !important;

border-bottom: 1px 'dashed, solid, ridge, etc...' #HEX VALUE !important;

margin: 0 5px 0 5px !important;

padding: 0 !important;

}

#mainnav ul li ul li.sublink_top {

border-top: 1px 'dashed, solid, ridge, etc...' #HEX VALUE !important;

}

#mainnav ul li ul li a {

display: block !important;

font-size: '10 to 14'px !important;

color: #HEX VALUE !important;

padding: 1px 0 1px 5px !important;

background-color: transparent !important;

}

#mainnav ul li ul li a:hover {

font-size: '10 to 14'px !important;

color: #HEX VALUE !important;

background-color: #HEX VALUE !important;

text-decoration: underline !important;

}

#mainnav .mainfoldericon {

background: url('http://images.friendster.com/images/arrow_down.gif') no-repeat center right;

}

* html #mainnav ul li {

float: left !important;

height: 1% !important;

}

* html #mainnav ul li a {

height: 1% !important;

}

.primary_links {

float: left;

width: 60%;

}

.secondary_links {

float: right !important;

line-height: 20px !important;

}

.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {

color: #HEX VALUE !important;

padding: 0 10px !important;

font-size: '10 to 16'px !important;

font-weight: bold !important;

}

.secondary_links a:hover {

color: #HEX VALUE !important;

font-size: '10 to 16'px !important;

font-weight: bold !important;

}

/* SUB NAVIGATION LINKS */

#subnav_search {

text-align: right;

margin-right: 15px;

}

#subnav {

margin-top: 6px;

margin-bottom: 10px;

font-size: '10 to 16'px;

text-align: right;

color: #HEX VALUE;

}

#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {

font-size: '10 to 16'px;

color: #HEX VALUE;

font-weight: bold;

background: transparent;

text-decoration: none;

}

#subnav a:hover {

font-size: '10 to 16'px;

color: #HEX VALUE;

background-color: transparent;

text-decoration: underline;

}

/* SHOUTOUT BOX AND FONT */

.controlpanel .so, .minicontrolpanel .so {

margin: 0 -20px 10px 0;

width: 257px;

position: relative;

background: url(YOUR IMAGE URL HERE) repeat-y right center;

color: #HEX VALUE;

font-weight: bold;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

}

.controlpanel .so a, .minicontrolpanel .so a {

color: #HEX VALUE;

}

.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {

padding: 7px 7px 5px 7px;

margin: 0;

}

.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {

display: none;

}

.controlpanel .sol, .minicontrolpanel .sol {

position: absolute;

left: -5px;

top: 8px;

width: 6px;

height: 11px;

background: url() no-repeat;

}

.controlpanel .sob, .minicontrolpanel .sob {

width: 257px;

height: 2px;

background: url() no-repeat;

line-height: 0;

font-size: 0;

}

.controlpanel .label, .minicontrolpanel .label {

text-align: left;

font-weight: bold;

margin: 10px 0 3px 0;

color: #HEX VALUE;

}

/* NOTIFICATION STYLES */

.statusmessagebox {

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

background: none;

padding: 3px;

margin: 0 0 10px 0 !important;

}

.errorbox, .notificationbox, .confirmbox {

position: relative;

background: transparent;

padding: 10px 10px 10px 42px;

}

.errorbox, .notificationbox, .confirmbox {

position: relative;

background: transparent;

padding: 10px 10px 10px 42px;

}

.errorbox h2, .notificationbox h2, .confirmbox h2 {

padding: 0;

line-height: 18px;

font-size: 140%;

}

.errorbox h2 {

color: #HEX VALUE;

}

.notificationbox h2 {

color: #HEX VALUE;

}

.confirmbox h2 {

color: #HEX VALUE;

}

.errorbox .boxcontent, .notificationbox .boxcontent, .confirmbox .boxcontent {

padding: 5px 0 5px 0;

font-size: 110%;

}

/* BIRTHDAY and MESSAGING ALERTS */

.badge {

width: 95%;

background-color: transparent;

background: url(YOUR IMAGE URL HERE) repeat-y right center;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

}

.warning {

width: 95%;

font-size: 145%;

font-weight: bold;

color: #HEX VALUE;

display: block;

}

/* ONE COLUMN FRIENDS LIST */

.friends div .boxcontent {

width: 100%;

text-align: left;

margin-left: 100px;

}

.friends .flogrid75 {

text-align: left;

width: 75px;

}

.friends div .viewall a {

text-align: center;

width: 100%;

padding-left: 30px;

}

/* CUSTOMIZED RECENT UPDATES BOX */

.user_tracker {

width: 95%;

font-size: '10 to 16'px;

background: transparent;

background: url(YOUR IMAGE URL HERE);

background-position: right center;

background-repeat: no-repeat;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

color: #HEX VALUE;

}

.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {

margin-left: 5px;

font-size: '10 to 16'px;

font-weight: normal;

color: #HEX VALUE;

text-decoration: none;

}

.user_tracker ul li a:hover {

font-size: '10 TO 16'px;

font-weight: bold;

color: #HEX VALUE;

text-decoration: underline;

}

/* CUSTOMIZED MEETTRAILBOX */

.meettrail {

border: 1px 'solid, outset, ridge, etc...' #HEX VALUE;

background: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: repeat;

}

.meettrail .commonbox h2 {

height: 60px;

line-height: normal;

padding: 1px;

}

.meettrail .commonbox h2 .commonbox {

height: 60px;

color: #HEX VALUE;

padding: 0px;

margin: 0px;

}

.meettrail .commonbox h2 h2 {

height: 15px;

color: #HEX VALUE;

float: left;

display: inline;

background: url(YOUR IMAGE URL HERE);

background-position: top center;

background-repeat: repeat-x;

padding: 2px 0px 0px 10px;

}

.meettrail .viewall {

float: right;

display: inline;

font-size: 12px;

padding: 2px 10px 0px;

}

.meettrail .bottom {

margin: 5px;

text-align: center;

font-size: 11px;

font-weight: normal;

}

.meettrail .bottom IMG {

margin: 0px 10px;

}

*html #meettrail .bottom IMG {

margin-bottom: 3px;

}

.meettrail .boldtext {

font-weight: bold;

}

.meettrail .nodetails {

text-align: center;

padding: 5px;

}

.meettrail .badgebg {

width: 300px;

height: 53px;

background: url('http://images.friendster.com/images/mt_badge.jpg') no-repeat 0 0;

cursor: pointer !important

}

.meettrail .badgebg .badgetext {

margin: 0;

padding: 14px 10px 0 10px;

letter-spacing: 0.1em;

color: #HEX VALUE;

font-size: 1.5em;

font-weight: bold;

text-align: center;

}

.meettrail .getyourown {

margin: 0;

padding: 0 5px 2px 0;

text-align: right;

vertical-align: top;

}

.meettrail .getyourown a {

font-weight: normal;

font-size: 1em !important;

color: #HEX VALUE !important;

}

.meettrail .officialprofile {

background: url('http://images.friendster.com/images/mt_gradient.gif') repeat-x left top;

height: 72px;

text-align: center;

}

.meettrail .op_badge {

margin-top: 15px;

}

/* CUSTOMIZED FOOTER */

#footer_container {

margin: 0 auto;

font-family: 'Verdana, Arial, Comic Sans Ms, etc...';

line-height: 1.0em;

background: transparent;

}

#footer {

width: 800px;

height: 80px;

font-size: '10 to 16'px;

line-height: 1em;

position: relative;

padding: 10px auto;

margin: 10px auto;

text-align: center;

color: #HEX VALUE;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

background: url(YOUR IMAGE URL);

background-position: center center;

background-repeat: repeat;

margin-top: -20px;

}

#footer a, #footer a:link, #footer a:visited, #footer a:active {

font-size: '10 to 16'px;

font-weight: normal;

color: #HEX VALUE;

text-decoration: none;

}

#footer a:hover {

font-size: '10 to 16'px;

font-weight: bold;

color: #HEX VALUE;

text-decoration: underline;

}

#footer a {

font-size: '10 to 16'px;

color: #HEX VALUE;

}

/* IMAGE EFFECTS */

a:hover img {

filter:none;

}

img {

filter:alpha(Opacity=100,FinishOpacity=0,Style=2);

}

/* HOVER BACKGROUND EFFECT */

a:hover, a.navbar:hover {

background-image:url(YOUR GIF IMAGE URL HERE);

}

a:hover img {

background-image:url(YOUR GIF IMAGE URL HERE);

filter:none;

}

/* HIDE SEARCH FORM */

#search, #search form {

display: none !important;

}

/* HIDE TOP WHITE BACKGROUND */

#marketing_bg {

display :none;

}

/* HIDE SPONSORED LINKS */

#sponsorsAd {

display: none;

}

/* HIDE BANNERD AD */

.banner_ad_fix {

display: none;

}

/* HIDE GOOGLE ADS */

#googleAdFactory.fullwidth {

position: absolute;

top: -5500px;

}

/* SCROLLING BOXES */

/* MOREABOUT SCROLLINGBOX */

#content_6 {

padding: 2px 2px 2px 2px;

overflow: auto;

width: 100%;

height: 250px;

}

/* PUBLICCOMMENTS SCROLLINGBOX */

#content_18 {

padding: 2px 2px 2px 2px;

overflow: auto;

width: 100%;

height: 582px;

}

/* TESTIMONIALS CONTENT SCROLLINGBOX */

.publiccomments div div .dtd {

width: 100%;

}

.publiccomments div div .dtd ul {

padding: 2px 2px 2px 2px;

overflow: auto;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

width: 400px;

height: 100px;

background-image: url(YOUR IMAGE URL HERE);

background-position: top center;

background-repeat: no-repeat;

}

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */

.publiccomments div div .dtd {

width: 100%;

}

.publiccomments div div .dtd ul {

padding: 2px 2px 2px 2px;

overflow: auto;

border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;

width: 400px;

height: 100px;

background-image: url(YOUR IMAGE URL HERE);

background-position: center center;

background-repeat: no-repeat;

}

/* WELCOME ALERT BOX */

body {

height:expr/**/ession(

function welcome() {

alert('YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER');

}

window.onload=welcome);

}

/* GOODBYE ALERT BOX */

body {

left:expr/**/ession(

function goodbye() {

alert('YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER');

}

window.onunload=goodbye);

}

/* CUSTOM PAGE TITLE */

body {

top:expr/**/ession(pagetitle()

function pagetitle() {

document.title='YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER';

}

window.onload=pagetitle);

}

/* CUSTOM STATUS BAR MESSAGE */

body {

bottom:expr/**/ession(

function windowstatus() {

window.status='YOUR MESSAGE HERE AND USE '+pageViewerFName+' TO INDICATE NAME OF VIEWER';

}

if (document.layers)

document.captureEvents(Event.mouseover)

document.onmouseover=windowstatus);

}

/* REMOVE HORIZONTAL SCROLLBAR*/

body {

overflow-x: hidden;

}

/* HIDE SEARCH FORM */

#search, #search form {

display: none !important;

}

/* HIDE TOP WHITE BACKGROUND */

#marketing_bg {

display :none;

}

/* HIDE SPONSORED LINKS */

#sponsorsAd {

display: none;

}

/* HIDE BANNERD AD */

.banner_ad_fix {

display: none;

}

/* HIDE GOOGLE ADS */

#googleAdFactory.fullwidth {

position: absolute;

top: -5500px;

}

Codes by Friendster Magic

and edit the parts editable!!

Tutorial for css and js uploading

2008-03-18T12:36:49Z

I'm sort of a newbie too and it's hard for me to understand when I was trying to learn, but now I'm getting the hang of it! I want to share that to newbies, ready?

1.) Get a host for your files.. (example: ripway.com) Login or sign-up there.

2.) After logging in, click on the navigation area, My Files.

3.) Then, click upload files.

4,) Open a notepad and paste the code whether it's a javascript or whatever it is.

5.) Click Save as,

6.) Then, think of a name that suits the code then put a . (dot) and type the extension name needed. (example: text.js)

7) going back to ripway, click browse.

8.) Click for the file/s you're looking for.

9.) Then upload!

10.) In your friendster account, go to customize profile

11.) Then, paste this code in your media box: (code credits to friendstertalk)

How to?

2008-03-18T11:08:00Z

Obviously I can't make you one if you don't give a full description..

here are the requirements..

- you must supply the background and all graphics needed

- give the theme colors.. (e.g. black and blue)

- give the thing you want to disappear(e.g. google ads, friendster logo,) leave this blank if u�don't want

- your email address (to notify you)

yah that's it..

It may take a while, a week or 2.. One day if simple 5-10 days for crossover..

It varies if I'm busy or not..

I will not...

- make an overlay..

- give u js codes..

- host your effects

- anything bad not mentioned above

Linker

2008-03-18T10:59:25Z

Well, everyone knows friendster will filter the codes if they see this..

so just leave your email address and I will mail you as soon as possible..

Opening

2008-03-18T10:48:45Z

This is the opening of this blog.

Sadly, I don't want any members around..

Because this blog might get spammy.

I will be posting many useful things..

Just keep visiting this blog..

Welcome

2008-03-18T10:10:31Z

March 18, 2008

The New BIGinning

Hello, you have just stumbled upon fshelp!! a site ready to help you!

Sorry not accepting members..

Just try to comment me if I'm wrong or suggest ok?..