..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA.. ..SELAMAT DATANG DI WARUNG BACA..

Wednesday, 13 June 2012

Beberapa cara membuat kotak scroll

,
dalam  sebuah blog pasti sering kali kita jumpai sebuah kotak SCROLL
dan kita pun sering bertanya" bagaimana cara membuatnya.. Nahhh..
sekarang saya akan menerangkan cara membuata kotak SCROLL seperti di bawah ini


Cara membuat kotak dengan fungsi scroll dengan menambahkan style background warna, efek bayangan dan garis pinggir ganda pada kotak scrollnya


Kode yang di gunakan untuk membuat kotak scroll dengan efek shadow, dan garis pinggir ganda seperti di atas adalah :


<div style="overflow:auto; width:150px; height:100px; color:#b4040; padding:10px; border:4px double #000000;-moz-box-shadow:0 0 10px #000000;-webkit-box-shadow:0 0 10px #000000;-goog-ms-box-shadow:0 0 10px #000000;">Cara membuat kotak dengan fungsi scroll dengan menambahkan style background warna, efek bayangan dan garis pinggir ganda pada kotak scrollnya</div>



  • Kode yang berwarna merah adalah kode untuk memberi garis pinggir ganda. Jika ingin membuat garisnya putus - putus, ganti kode double dengan dashed
  • Kode yang berwarna biru adalah kode untuk memberi efek bayangan berwarna hitam pada kotak
  • dan tulisan yg tebal bisa di isi/di ganti dengan ke inginan anda
  • width:150px  adalah lebar kotak yang diukur dalam pixel. (100px/100pixel)
  • height:100px adalah tinggi kotak yang diukur dalam pixel. (400px/400pixel)
Semua kode di atas bisa di edit dengan menggabungkan kodenya, menambahkan atau mengurangi kodenya atau keduanya. Silahkan edit kode dasar membuat kotak scroll di blog tersebut di atas agar kotaknya sesuai dengan keinginan anda. selamat mencoba... :D

4 comments to “Beberapa cara membuat kotak scroll”

  • 29 June 2012 at 00:18
    Adang N M I says:

    info bermanfaat.. trima kasih...



    Kunjungan blogwalking.
    Sukses selalu..
    kembali tak lupa mengundang juga rekan blogger
    Kumpul di Lounge Event Blogger "Tempat Makan Favorit"

    Salam Bahagia

    delete
  • 29 June 2012 at 06:29

    makasih gan udah mampir...
    makasih juga infonya...hehe

    delete
  • 18 July 2012 at 10:40
    Zulham-9179 says:

    tipsnya bermanfaat keep posting sob,.. aku mendukung mu

    delete
  • 19 July 2012 at 23:16

    Zulham-9179>> makasih bang atas dukunganya..hehehe

    delete

Post a Comment

 

warug baca Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger