» » Cara membuat kotak mini scroolbar

Cara membuat kotak mini scroolbar

 tips blogger kali ini adalah cara membuat kotak yang bisa disa scrool kan atau biasanya menghemat tempat lah, gak mungkin kita panjang membuat link blogrol, daftar isi dan sebagainya nyampe panjang banged ke bawah.
kan jadi susah juga melihatnya. hehe

Berikut kode untuk membuat scrollbarnya:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Masukkan teks atau kode anda disini</div>


Contoh:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">inilah contoh scroolbar untuk percobaan dalam posting ini. anda bisa mengubahnya dengan kata yang lain.</div>


Hasilnya:

inilah contoh scroolbar untuk percobaan dalam posting ini. anda bisa mengubahnya dengan kata yang lain


Anda dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:80px; height:80px;.
gimana..
bisa kan..?

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.




Artikel terkait:

{ 1 komentar... read them below or add one }

news mengatakan...

info bagus bro dan juga artikel yg sangat membantu aku nie, dan salam kenal dari mico negeri seberang malaysia

16 Juni 2012 pukul 03.25


Posting Komentar

terima kasih telah berkunjung sobat.
Silahkan komentar,kritik dan sarannya
setidaknya tegur sapa.heheh