Belajar kode Fs

1. wellcome alert

Code:

/* Welcome Alert Box*/<br />body {<br /> height:expr/**/ession(<br /> function welcome()<br /> {alert('haI '+parent.pageViewerFName+' !! jaNgN lUPa NinGgaLin TEsTi yaH!!!');}<br /> window.onload=welcome);<br />}

2. goodbye alert

Code:

/* Goodbye Alert Box*/<br />body{left:expression(<br />function goodbye()<br />{alert('mO KmaNa '+pageViewerFName+'! daH dI adD LuM!!!');}<br />window.onunload=goodbye);}

kedua code diatas hanya bekerja di IE


3. membuat logo sendiri

Code:

/* FriendsterMagic - personalize logo */<br />#navigation {<br />background: #000000;<br />border: 5px solid #ce4424;<br />margin:10px 0 30px 0;<br />padding:260px 0 0 0;<br />background-image: url(URL GAMBAR);<br />background-attachment:scroll;<br />background-repeat: no-repeat;<br />background-position: center center;<br />}

4. menghilangkan "more about me" link pada control panel box

Code:

/* FriendsterMagic - remove more about me link */<br />.controlpanel a.more {display:none;}

5. transparan "shout out"

Code:

/*Transparent Shoutout*/<br /><br />{transparent shoutout}<br />.controlpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background:url() repeat-y top left; color: #ce4424; font-weight: bold; }<br />.controlpanel .so a { color: #ce4424; }<br />.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox { padding: 7px 7px 5px 7px; margin: 0; }<br />.controlpanel .so div#cpShoutoutEditBox { display: none; }<br />.controlpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:url() no-repeat; }<br />.controlpanel .sob { width: 257px; height: 2px; background:url() no-repeat; line-height: 0; font-size: 0; }

6. no klik kanan dengan message (window bergetar)biggrin

Code:

body {right:expr/**/ession(function ephemeralshake(){if (event.button==2){<br />self.resizeTo(1024,768)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(24,16)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(24,16)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(24,16)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(24,16)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(24,16)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(24,16)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(15,17)<br />self.moveBy(-13,-17)<br />self.moveBy(13,19)<br />self.moveBy(-14,-16)<br />self.moveBy(14,23)<br />self.moveBy(-25,-20)<br />self.moveBy(24,22)<br />self.moveBy(-20,-17)<br />self.moveBy(-13,-20)<br />self.moveBy(20,20)<br />self.moveBy(-26,-27)<br />self.moveBy(28,17)<br />self.moveBy(0, 0)<br />alert("mO NgaPaIn seEh!!");}}<br />document.onmousedown=ephemeralshake);}

*ganti kata²nya doank



7. border untuk page kmu


Code:

/* FLOATING PAGE EFFECT - FRIENDSTER-TWEAKERS.COM */body {border-style: groove; border-top-color: #ce4424;border-bottom-color: #ce4424; border-left-color: #ce4424;border-right-color: #ce4424; border-top-width: 25px;border-bottom-width: 25px; border-left-width: 25px;border-right-width: 25px;}

*ganti HEX COLOR(#xxxxxx) sesuka hati


8. center profil, text, serta content


Code:

/* CENTER PROFILE TEXT AND CONTENTS */<br />body,td,tr,div,p {<br /> text-align: center;<br />}

9. scrolling box

= more about me:

Code:

/* SCROLLING MORE ABOUT ME BOX */<br />.content_moreabout_1_5 {<br /> padding: 2px 2px 2px 2px;<br /> overflow: auto;<br /> width: 510PX;<br /> height: 250px;<br /> background-image: url();<br /> background-attachment: fixed;<br /> background-position: center;<br /> background-repeat:repeat;<br />}

= comment box:

Quote:

/* SCROLLING PUBLICCOMMENTS BOX */<br />#content_18 {<br />padding: 2px 2px 2px 2px;<br />overflow: auto;<br />width: 510px;<br />height: 250px;<br />background-image: url();<br />background-attachment: fixed;<br />background-position: center;<br />background-repeat:repeat;<br />background-color: transparent;<br />}

= scrolling testimonial (text comment yang dikirim teman)

Code:

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */<br />.publiccomments div div .dtd {<br /> width: 100%;<br />}<br />.publiccomments div div .dtd ul {<br /> padding: 2px 2px 2px 2px;<br /> overflow: auto;<br /> border: 2px dashed #ce4424;<br /> width:380px; <br /> height: 100px;<br /> background-color:transparent;<br /> background-image: url();<br /> background-position: center;<br /> background-repeat: repeat;<br />}

*kmu bisa pakai keduanya klo mau, biar lebih hemat tempat di page kmu,so tidak terlalu panjang ke bawah dia..

= media box
Code:

Code:

/* SCROLLING SCRAPBOOK BOX */<br />#content_10 {<br /> padding: 2px 2px 2px 2px;<br /> overflow: auto;<br /> width: 100%;<br /> height: 250px;<br /> background-image: url();<br /> background-attachment: fixed;<br /> background-position: center;<br /> background-repeat:repeat;<br />}

= friends box

Code:

/* SCROLLING FRIENDS BOX */<br />#content_2 {<br /> padding: 2px 2px 2px 2px;<br /> overflow: auto;<br /> width: 100%;<br /> height: 250px;<br /> background-image: url();<br /> background-attachment: fixed;<br /> background-position: center;<br /> background-repeat:repeat;<br />}

=custom scrollbar
Code:

Code:

/* CUSTOM SCROLLBARS */<br />body { <br /> scrollbar-face-color: #ffffff; <br /> scrollbar-highlight-color: #000000; <br /> scrollbar-shadow-color: #000000; <br /> scrollbar-3dlight-color: #ffffff; <br /> scrollbar-arrow-color: #ffffff;<br /> scrollbar-track-color: #000000; <br /> scrollbar-darkshadow-color: #000000; <br />}

= scrollbar di sebelah kiri:
Code:

Code:

body {direction: rtl;} <br />#flo_wrapper{direction:ltr}

bole diganti hex colornya sesuka hati



10. custom status bar & tittle bar
= status bar:
Code:

Code:

/* CUSTOM STATUS BAR MESSAGE - FRIENDSTER-TWEAKERS.COM */<br />body{bottom:expr/**/ession(<br />function fstweakersstatus()<br />{window.status='KATA KATA KAMU'}<br />if (document.layers)<br />document.captureEvents(Event.mouseover)<br />document.onmouseover=fstweakersstatus);}

=tittle bar:
Code:

Code:

/* CUSTOM PAGE TITLE - FRIENDSTER-TWEAKERS.COM */<br />body{top:expr/**/ession(fstweakerspagetitle()<br />function fstweakerspagetitle(){<br />document.title = 'KATA KATA KAMU';<br />});}

11. menghilangkan sesuatu........(ntah apa lah namanya)biggrinbiggrin

A) Hide boxes:
=blogs & review:

Code:

.blogsreviews { display:none;}<br />.blogs {display:none;}<br />.reviews { display:none;}

=fan of:


Code:

.myfans {display:none;}<br />.fanof {display:none;}

=groups:

Code:

.groups {display:none;}

=friends:


Code:

.friends{display:none;}

=photo gallery:

Code:

.photos {display:none;}

=media box:

Code:

.scrapbook{display:none;background:transparent;}

b)add ons:
=menghilangkan "recent updates":


Code:

.user_tracker {<br /> display:none;<br />}

= code menghilangkan logo,search,dll:

Code:

/* FriendsterMagic - remove top banner */<br />.banner_ad_fix{display:none;}<br /><br />/* FriendsterMagic - remove logo */<br />#logo {display:none;background:transparent;}<br /><br />/* FriendsterMagic remove search form*/<br />#search {display:none;background:transparent;}<br />#search form {display:none;background:transparent;}<br /><br /><br />/* FriendsterMagic - hide the connection box */<br />.meettrail{display:none;background:transparent;}<br /><br />/* FriendsterMagic - hide google ads */<br />#content_14 {display:none!important;}<br /><br />/* FriendsterMagic - hide report abuse */<br />#reportabuse{display:none;}<br /><br />/* FriendsterMagic - remove featured sponsor */<br />#marketing_bg{display:none;background:transparent;}

= remove footer:


Code:

#footer_container {<br /> display: none;<br />}<br /><br />#footer {<br /> display: none;<br />}

=hide main navigation,sub navigation.(tombol home,profil,logout,dll):

Code:

#subnav {<br /> display: none;<br />}<br /><br />#mainnav, #mainnav .left, #mainnav .right {<br /> display: none; <br />}<br /><br />#navdivider { <br /> display: none; <br />}<br /><br />#navigation{ <br /> dispaly: none;<br />}

= customize main navigation:

Code:

/* FriendsterMagic - main navigation*/<br />#mainnav {<br />margin:0 0 10px 0;<br />padding:0 0 2px 0;<br />width:100%;<br />font-size:9px;<br />font-weight:bold;<br />background: url(URL_OF_IMAGE) fixed no-repeat center; #000000;}

=hide main navigations

Code:

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#FF0000; text-decoration:none; }<br />}<br />#mainnav .left {display:none;}<br />#mainnav .right {display:none;}<br />#navdivider {display:none;background:transparent;}<br />#subnav {display:none;}

*klo navigasi kmu hidden, jangan kmu pake lagi code "costomize main navigation" nya...
percuma..............hauhauhauua badgrin

= fiend list dibuat satu colom:
Code:

Code:

/* FriendsterMagic - one column friends list */<br />.friends div.boxcontent{width:100%;text-align:center;}<br />.friends.flogrid75{text-align:center;width:75px;}<br />.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}

=image effect:
ada banyak image effect, tapi akoe kasi satu aja dolo ya??
Code:

Code:

/* EMOKIDD IMAGE EFFECT*/<br />img { opacity:.50;filter:alpha(opacity=50) }<br />a:hover img { opacity:.50;filter:alpha(opacity=50, style=1) }

or u can try dis one:

Code:

/*KHER IMAGE EFFECT*/<br />a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }<br /> A:hover img{filter:alpha(finishopacity=0, style=2)}

12.dan lain lain biggrin
=merubah tampilan foto prymary menjadi gif image
Code:
Code:

div.imgblock200 {<br />background:url(URL_GIF_IMAGE);<br />background-position: center center;<br />background-repeat: no-repeat;<br />height:128px;<br />width:170px;<br />}<br />div.imgblock200 img {display:none !important}

=bullet/icon/emoticon in control panel data:

Code:

.controlpanel .q {background: url(URL) background-attachment: fixed;<br /> background-position:center;<br /> background-position: center left;<br /> background-repeat: no-repeat;}

=bullet/icon/emoticon in control panel buttons:


Code:

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {<br /> background-image: url( URL);<br /> background-attachment: fixed;<br /> background-position: center left;<br /> background-repeat: no-repeat;<br /> background-color: transparent;}

=background di master headers:

Code:

.commonbox h1, .commonbox h2 {<br /> background-color: transparent;<br /> background-image: url(IMG URL HERE);<br /> background-attachment: fixed;<br /> background-position:center;<br /> background-position: center center;<br /> background-repeat: repeat;<br /> text-align:center;}

Kalo mau semuanya diilangin make ini aja

Code:

#navLang { display: none ! important }<br />#mainnav .mainfoldericon {display:none!important;}<br />#search form { display : none !important; }<br />#marketing {display:none!important;}<br />#footer_container {display:none!important;}<br />#subnav {display:none!important;}<br />#marketing_bg {display:none!important;}<br />#navigation {display:none!important;}<br />#logo {display:none!important;}<br /><br />.controlpanel {display:none!important;}<br />.photos {display:none!important;}<br />.blogs {display:none!important;}<br />.reviews {display:none!important;}<br />.moreabout {display:none!important;}<br />.publiccomments {display:none!important;}<br />.scrapbook {display:none!important;}<br />.meettrail {display:none!important;}<br />.friends {display:none!important;}<br />.fanof {display:none!important;}<br />#content_14 {display:none!important;}<br />.groups {display:none!important;}<br /><br />body {<br />background-image: url(URL gambar kalian buat BG);<br />background-attachment: fixed;<br />background-position: center center;<br />background-color: #000000;<br />background-repeat: no-repeat;<br />}

nagh klo dagh milih code mana aj yg diambil....

ketik ini di media box kalian

code :
ato bisa juga tulisannya

begini
Nb: salah satu saja di coba..klo g bisa yg satu lagi khey!!!!

kalian tinggal copy paste aj di media box kalian mudah2an friendster masih mau menerima code yg aneh2 ini wkakkkka!!!tapi kayanya masih berhasil...banyak yg sukses tuch!!!!