Any CSS Code For Tweaking Your FS

Pertama-tama saya ingin mengucapkan terima kasih kepada admin yang telah memberikan kesempatan untuk membuka Topik ini.

Langsung saja pada pokok pembahasannya. Di Section Ini saya ingin Meminta bantuan Teman-teman yang mempunyai Koleksi Thread yang mau ngeshare ilmu nya.!!

Code For CSS
* Credits To Kherminator From FTI

1. wellcome alert

Code:

Code:

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

2. goodbye alert

Code:

Code:

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

kedua code diatas hanya bekerja di IE

3. membuat logo sendiri

Code:

Code:

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

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

Code:

Code:

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

5. transparan "shout out"

Code:

Code:

/*Transparent Shoutout*/

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

6. no klik kanan dengan message (window bergetar)

Code:

Code:

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

*ganti kata²nya doank

7. border untuk page kmu

Code:

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:

Code:

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

9. scrolling box

*more about me:

Code:

/

Code:

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

* comment box:
Code:

Code:

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

*scrolling testimonial (text comment yang dikirim teman)

Code:

Code:

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

*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 */
#content_10 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 250px;
  background-image: url();
  background-attachment: fixed;
  background-position: center;
  background-repeat:repeat;
}

* friends box
Code:

Code:

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

* custom scrollbar
Code:

Code:

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

* scrollbar di sebelah kiri:
Code:

Code:

body {direction: rtl;}
#flo_wrapper{direction:ltr}

boleh diganti hex colornya sesuka hati

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

Code:

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

*tittle bar:

Code:

Code:

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

11. menghilangkan sesuatu........

A) Hide boxes:
*blogs & review:
Code:

.

Code:

blogsreviews { display:none;}
.blogs {display:none;}
.reviews { display:none;}

* fan of:
Code:

Code:

.myfans {display:none;}
.fanof {display:none;}

* groups:
Code:

Code:

.groups {display:none;}

*friends:
Code:

Code:

.friends{display:none;}

* photo gallery:
Code:

Code:

.photos {display:none;}

*media box:
Code:

Code:

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

b)add ons:
*menghilangkan "recent updates":
Code:

Code:

.user_tracker {
  display:none;
}

*code menghilangkan logo,search,dll:

Code:

Code:

/* FriendsterMagic - remove top banner */
.banner_ad_fix{display:none;}

/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}

/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}


/* FriendsterMagic - hide the connection box */
.meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#content_14 {display:none!important;}

/* FriendsterMagic - hide report abuse */
#reportabuse{display:none;}

/* FriendsterMagic - remove featured sponsor */
#marketing_bg{display:none;background:transparent;}

* remove footer:
Code:

Code:

#footer_container {
  display: none;
}

#footer {
  display: none;
}

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

Code:

#subnav {
  display: none;
}

#mainnav, #mainnav .left, #mainnav .right {
  display: none;
}

#navdivider {
  display: none;
}

#navigation{
  dispaly: none;
}

* customize main navigation:
Code:

Code:

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

* hide main navigations
Code:

Code:

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

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

* fiend list dibuat satu colom:
Code:

Code:

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

* image effect:

Code:

Code:

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

or u can try dis one:
Code:

Code:

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

12.dan lain lain

* merubah tampilan foto prymary menjadi gif image
Code:

Code:

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

* bullet/icon/emoticon in control panel data:
Code:

Code:

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

* bullet/icon/emoticon in control panel buttons:
Code:

Code:

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

* background di master headers:
Code:

Code:

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

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

code yang mau dipakai disave as:

anything.css
kemudian di upload di web hosting kamu,,

atau kmu bisa juga menjadikan css tersebut sebagai js,,caranya:

var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "URL CSS KAMU";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);

masukkan URL CSS kmu ke dua tempat berwarna merah di atas..
trus save as anything.txt dan upload lagi..

url yang dihasilkan akan seperti ini:
http://www.h1.badwaresite.www/fsweaver/anything.txt


bagi yg kesulitan membuat atau mencari cursor yg bs kebaca di FF
saiia kasih alternatifnyah .. cursor .ani cuma bs dibaca sm IE sementara yg utk FF .cur .. dan ini sangat susah utk mencarinya di web yg menyediakan cursor.

langsung sajah,

ini dia codenya

Code:

body {
        cursor: url(url jpg,gif atau apa aja),default;
        }
        a,a:link,a:visited,a:active,a:hover {
        cursor: url(url jpg,gif atau apa aja),default;
        }
        /*on mouse hover*/
        A:hover IMG {
        FILTER: Alpha(Opacity=90, FinishOpacity=40, Style=2, StartX=10, StartY=20, FinishX=0, FinishY=0)}
        overflow: visible
        }

ganti url jpg,gif atau apa aja dgn url gbr utk cursor

bisa cari di http://planetsmilies.com , http://geocities.com/darkfreed atau yg lainnya
taroh di css eksternal kamu


Sewmoga Bisa membantu member yang selama ini masih kebingungan dalam hal tweaking fs.!! Kalau ada pertanyaan segera ke Konsultasi masalah friendster di Konsultasi
Terima Kasih Untuk Respon positif nya.

bro ni kan ambilnya d FTALk....!

buat creditnya dunk...!

thaks da saring bro???



emotalk.....
biarin z knapa sich!!!
koq situ yang sewot??

eMoTaLk wrote:

bro ni kan ambilnya d FTALk....!

buat creditnya dunk...!

bro gag liat postingan paling awal yah.!!

saya tetap memberikan credit untuk kherminator dari ftalk.

jadi kalau ada yang tanya.!!

mereka juga tau code ini asal nya dari mana.!!

ininya saya cuma mau share kok.!!

gimana bro ARDY ???

hey bro... can we use the International languages??? I am interested to your codes, please>>

^ Thanks for sharing Rezza
keep 'em coming and please dont forget to put credits if the codes are from others.

Thank you!

emotalk.....
biarin z knapa sich!!!
koq situ yang sewot??
=================
bukan sewot bro
sejak aku & emotalk
megang layouts.ucoz
banyak permasalahan yg kami lalui
contohnya
jangan meniru yg dsna & dsitu lah
makanya
klo forum baru
buatlah baru
tanks

ermical wrote:

hey bro... can we use the International languages??? I am interested to your codes, please>>

if u wanna aks something,,just go to yrick and tutorial on international section brother.!!

ini tempat share FS apa tempat apa.... si !!!!!

bukanx share , mla bnyk adu mulutnya

ya semoga forum ini ga putus di tengah jln...

puyun wrote:

ini tempat share FS apa tempat apa.... si !!!!!

bukanx share , mla bnyk adu mulutnya

ya semoga forum ini ga putus di tengah jln...

saya sepakat bro!!

semoga dibawah postingan ini gag ada lagi perdebatan.!!

sesuai dengan postingan di atas di topik ini adalah tempat share code untuk tweak fs lewat css.