Forum Nuansa Band

Share ur mind here
 
IndeksFAQPencarianAnggotaPendaftaranLogin

Share | 
 

 Magic Code Untuk CSS Extension

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
metropolix
Super Moderator
Super Moderator
avatar

Male
Jumlah posting : 38
Age : 28
Registration date : 21.05.08

PostSubyek: Magic Code Untuk CSS Extension   Fri Jul 04, 2008 2:02 pm

tentunya kmu sudah memiliki basic css code di css box kmu..
klo belum,
proses disini:

Arrow http://friendster-tweakers.com/tools/friendster-editor/
simpan codenya di css box kmu...

setelah itu baru kita rombak abis fs kmu dengan beberapa code magic berikut ini:

1. wellcome alert

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:
/* 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 Laughing

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) Very Happy
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 Very Happy

8. center profil, text, serta content
Code:
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}

9. scrolling box
= 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();
  background-attachment: fixed;
  background-position: center;
  background-repeat:repeat;
}

= comment box:
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:
/* 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..Very Happy

== media box
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:
/* 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:
/* 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:
body {direction: rtl;}
#flo_wrapper{direction:ltr}
bole diganti hex colornya sesuka hati Very Happy

10. custom status bar & tittle bar
= 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);}

=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)Very Happy:D

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{
  dispaly: 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_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; }
}
#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


= 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:
ada banyak image effect, tapi akoe kasi satu aja dolo ya?? Laughing
Code:
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:
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }
 A:hover img{filter:alpha(finishopacity=0, style=2)}

12.dan lain lain Very Happy
=merubah tampilan foto prymary menjadi gif image
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:
.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:
#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:
.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:
Quote :
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);

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://geocities.com/darkfreed atau yg lainnya Very Happy
taroh di css eksternal kamu Very Happy
Kembali Ke Atas Go down
Lihat profil user http://friendster.com/metropoliz
 
Magic Code Untuk CSS Extension
Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» LEM MAGIC TUBELLES ANTI BOCOR
» Hanya Sebuah Kalimat Sederhana
» Tips - tips untuk menghindari kecelakaan
» ::::(ASK) Ban Yang Cocok Untuk Ninin::::
» [WTS] Knalpot Yoshimura R-77 Carbon Full System untuk ZX-10R, Salah beli gan..

Permissions in this forum:Anda tidak dapat menjawab topik
Forum Nuansa Band :: Friendster :: Tips & Trick-
Navigasi: