Kumpulan CSS buat FS

Nih ada kumpulan css eksternal buat friendster, ne css saya dapat dari sebuah forum.. hehe.. Lumayan buat isi-isi blog.. hehe..



1. wellcome alert

Code:
/* Welcome Alert Box*/
body {
height:expr/**/ession(
function welcome()
{alert('halo '+parent.pageViewerFName+' !! jaNgN lUPa comment ya!!!');}
window.onload=welcome);
}

2. goodbye alert

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


3. membuat logo sendiri


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:
/* FriendsterMagic - remove more about me link */
.controlpanel a.more {display:none;}


5. transparan "shout out"


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:
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:
/* 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 */
body,td,tr,div,p {
text-align: center;
}

9. scrolling box

a) Pada more about me:


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

b) Pada comment box:


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

c) Pad testimonial (text comment yang dikirim teman)


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(URL GAMBAR KAMU);
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..


d) Pada media box

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

e) Pada friends box


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;
}


f) custom scrollbar

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;
}


g) scrollbar di sebelah kiri:

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


10. custom status bar & tittle bar

A. status bar:

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);}

B. tittle bar:


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

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

A) Hide boxes:

=blogs & review:

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

=fan of:

Code:
.myfans {display:none;}
.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 {
display:none;
}

= code menghilangkan logo,search,dll:

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:
#footer_container {
display: none;
}

#footer {
display: none;
}

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


Code:
#subnav {
display: none;
}

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

#navdivider {
display: none;
}

#navigation{
display: none;
}


= customize main navigation:

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 GAMBAR KAMU) 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; }
}
#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......hehe..


= fiend list dibuat satu colom:

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:
img { opacity:.50;filter:alpha(opacity=50) }
a:hover img { opacity:.50;filter:alpha(opacity=50, style=1) }


Kalo ga bisa pake ini:

Code:
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }
A:hover img{filter:alpha(finishopacity=0, style=2)}


12.merubah tampilan foto prymary menjadi gif image


Code:
div.imgblock200 {
background:url(URL GAMBAR KAMU);
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:
.controlpanel .q {background: url(URL GAMBAR KAMU) background-attachment: fixed;
background-position:center;
background-position: center left;
background-repeat: no-repeat;}

13.bullet/icon/emoticon in control panel buttons


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


14. background di master headers:

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


LANGKAH - LANGKAH MASUKIN CSS TERSEBUT KE FS :

A. add aplikasi layouts. Klik disini untuk add app. nya..
B. Di app tersebut ada kotak textarea, masukin kode ke kotak textarea. Nih kode'a :
<style type="text/css">CSS YG KAMU INGINKAN </style>
c. lihat perubahan pd fs kamu..



itu aja, Semoga bermanfaat..


____________________

DONT CLICK HERE !
____________________


by : reba