March 18, 2009

sedikit celah ngutak ngatik scrollbar html - css

hm.. g menyangka nantinya aq harus memikirkan interface buat ngakalin scrollbar di page html, haha ..
masalahnya cuman supaya tampilannya jadi maknyos aja .. jadi page html dengan tampilan yg compact dan g melebar ke mana-mana .. tapi tetep dengan isi yang dinamis (alias tabel yg dapat melebar kesana kemari :p) ..

ya paling gampang pake CSS aja de ..
ambil property overflow dan beberapa manipulasi tampilan scrollbar ..

kutambahin script css :
#scrolling_class
{
width:840px; /*ku clip aja dgn tinggi dan lebar segini*/
height:250px;
overflow: auto; /*otomatis keluar jika isi melebii clip*/
margin : 0 auto; /*biar tampilan pas di tengah*/
}

kemudian kurangkai imajinasiku untuk menghasilkan komposisi tampilan scrollbar :
body {
/*scrollbar property*/
scrollbar-face-color: #FFFAF0;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#53670D;
scrollbar-darkshadow-color: #53670D;
scrollbar-track-color: #D4E597;
scrollbar-arrow-color: #494D4C;
}

*skrinsut menyusul :))

No comments: