::   HOME   ::   KOMPUTER    ::   INBOX  ::  SPORT  ::  ABOUT DANI  :: 
  ::  SEJARAH   ::    BASIC   ::    DESAIN WEB   ::    TIPS   ::   DOWNLOAD  ::  SOAL
     
  ::  DESAIN WEB  

Mengganti warna scrollbar

 :: Tutorial Html   Anda yang rajin surfing pasti sering menjumpai halaman web dengan warna
scrollbar yang warna-warni. Jika pada halaman ini scrollbar tersebut
berwarna biru kehijauan (lihat scrollbar di sebelah kanan). Mungkin saja
Anda bingung, gimana memuat scrollbar seperti itu?

Sebenarnya itu adalah "permainan" CSS saja. Misalnya dengan
menambahkan kode di bawah ini pada bagian HEAD pada suatu halaman
web:

<style>
BODY {
SCROLLBAR-FACE-COLOR: #b8860b;
SCROLLBAR-HIGHLIGHT-COLOR: #dfc88f;
SCROLLBAR-SHADOW-COLOR: #b8860b;
SCROLLBAR-3DLIGHT-COLOR:#dfc88f;
SCROLLBAR-ARROW-COLOR: #dfc88f;
SCROLLBAR-TRACK-COLOR: #b8860b;
SCROLLBAR-DARKSHADOW-COLOR: #dfc88f
}
</style>
 

Kode di atas akan menghasilkan tampilan seperti contoh di sini.

Untuk membuat tampilan yang berbeda dengan contoh di atas, Anda
tinggal mengganti warna pada CSS di atas. Sebagai "spedoman" warnanya
Anda
dapat melihat pada gambar di bawah ini.

 
 :: Tips Html  
     :: mencegah klik kanan  
     :: Menampilkan keterangan pada link  
     :: Background warna pada teks  
     :: membuat browser menari  
     :: Menampilkan title pada link  
     :: menambahkan efek pada tabel  
     :: membuat tombol 3 dimensi  
     :: halaman web dengan overlib  
     :: membuat combo box warna warni  
     :: Back dan Forward dengan java script  
     :: Membuat Bookmark dengan link  
     :: Situs tidak ter-update no cache  
     :: Mengganti warna scrollbar  
     :: Cool Web Scrollbars  
 :: Artikel