Cara Mempercantik Scroll Box

1

Bonjour sobat :D sebelumnya saya sudah kasih tau kalian kan bagaimana cara membuat scroll box.. 



Nah kali ini saya akan memberikan trik untuk mempercantik scroll box yang sudah kalian buat. Ayu kita tengok dibawah sini :D


Nah ini contoh yang disebut scoll box...


kalian dapat menambahkan scoll box pada entri kalian atau bisa juga digunakan untuk menghemat tempat gadged pada blog kalian.


Kalian dapat mengatur sendiri tinggi dan lebar box ini :)

kode utama:
<div style="overflow:auto; width:150px; height:100px; padding:10px; border:1px solid #000000;">Ceklovakia</div>
Nah dari kode tersebut kita dapat merubah tampilan scroll blog kita dengan cara menambah atau merubah sedikit kode yang sudah ada..

 Merubah warna background scroll box

Caranya dengan cara menambahkan kode background:#FEBFBF; pada kode yang sudah ada. ganti kode #FEBFBF dengan warna kode yang anda suka disini. Dan... hasilnya akan menjadi seperti dibawah ini:

Nah ini contoh yang disebut scoll box...

kalian dapat menambahkan scoll box pada entri kalian atau bisa juga digunakan untuk menghemat tempat gadged pada blog kalian.

Kalian dapat mengatur sendiri tinggi dan lebar box ini :)

<div style="background:#FEBFBF; width:150px; height:100px; padding:10px; border:1px solid #000000;">Ceklovakia</div>
Membuat bingkai pada scroll box

Untuk membuat bingkai seperti dibawah ini sangatlah mudah :D ayo sobat kita lihat caranya



Nah ini contoh yang disebut scoll box...

kalian dapat menambahkan scoll box pada entri kalian atau bisa juga digunakan untuk menghemat tempat gadged pada blog kalian.

Kalian dapat mengatur sendiri tinggi dan lebar box ini :)


Untuk scroll box seperti diatas berikut kodenya:

<table border="3" cellpadding="1"><tbody><tr><td><div style="overflow:auto; width:150px; height:100px; padding:10px; border:1px solid #000000; background:#00ff00;">Ceklovakia</div></td></tr></tbody></table> 


Nah ini contoh yang disebut scoll box...


kalian dapat menambahkan scoll box pada entri kalian atau bisa juga digunakan untuk menghemat tempat gadged pada blog kalian.



Kalian dapat mengatur sendiri tinggi dan lebar box ini :)



Untuk scroll box diatas berikut kodenya:




<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;">Ceklovakia</div>

1 komentar: