Cara membuat Scroll Box dengan Background:
Untuk ukuran Height ,Width dan lainnya silahkan sesuaikan
dengan keinginan kawan-kawan,
simpan template...
selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:
Demikianlah posting tentang Cara Mudah Membuat Scroll Box dengan Background Semoga bermanfaat.
- Login blogger
- Rancangan, Edit Html, Cari kode ]]>
- Dan Simpan kode berikut diatasnya (Sekaligus Demonya ada dibawah ini):
/* scroll ----------------------------------------------- */ .scrollboxs{ background: url(https://lh4.googleusercontent.com/-5waj-aIF9dU/TW-HqLY4d1I/AAAAAAAAASQ/38pLUn_Eu2Q/s1600/papers.jpg) repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc'); color: #940f04; color:rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.5); -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -webkit-box-shadow: 3px 3px 5px #000000; -moz-box-shadow: 3px 3px 5px #000000; -webkit-border-bottom-left-radius:10px; text-shadow:1px 1px 0px rgba(255,255,255,0.8); text-decoration: none; padding: 3px; overflow: auto; width: auto; height: 150px; padding-top:3px; padding-bottom:3px; } .scrollboxs a, .scroll:hover { background: url(https://lh6.googleusercontent.com/-7EyIrmKnMhU/TWkEaNz8z8I/AAAAAAAAABo/KxVoPQB6ZlQ/s1600/papers.jpg) repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f3f3f3'); color:#000; color:rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.5); -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-box-shadow: 3px 3px 5px #2E2E2E; -moz-box-shadow: 3px 3px 5px #2E2E2E; -webkit-border-bottom-left-radius:10px; text-shadow:1px 1px 0px rgba(255,255,255,0.8); text-decoration: none; padding: 3px; overflow: auto; width: auto; height: 150px; padding-top:3px; padding-bottom:3px; }
simpan template...
selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:
Teks Yang ingin disimpan pada scroll box
Anda sedang membaca Cara Mudah Membuat Scroll Box dengan Background dan sobat bisa menemukan artikel Cara Mudah Membuat Scroll Box dengan Background ini dengan url http://chankak23.blogspot.com/2013/01/cara-mudah-membuat-scroll-box-dengan.html,jika anda merasa artikel ini bermanfaat maka ada baiknya kalian sebarkan artikel Cara Mudah Membuat Scroll Box dengan Background ini tapi jangan lupa untuk meletakan link ini http://chankak23.blogspot.com/2013/01/cara-mudah-membuat-scroll-box-dengan.html sebagai sumbernya. Terima kasih atas kerja samanya.
Ada 0 komentar pada tutorial tentang Cara Mudah Membuat Scroll Box dengan Background
Posting Komentar