Diberdayakan oleh Blogger.

Cara Mudah Membuat Scroll Box dengan Background

Share artikel :



Advertisement


Cara membuat Scroll Box dengan Background:
  1. Login blogger
  2. Rancangan, Edit Html, Cari kode ]]>
  3. Dan Simpan kode berikut diatasnya (Sekaligus Demonya ada dibawah ini):

/* scroll
----------------------------------------------- */
.scrollboxs{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4GfeooWHHh8zj2j_cj_b7PVbT9eZS0iZHarjn45dyL72WDLGlNFGmhcBDqBoEsAnQxWXtFczZEskWW2jqLJQiyVatFIQ10E9f7wbT5XBXJtaw8XohmHu6C18G-rkM0pNEZ1YmMZAt2o/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjQ95bj6FugBXvnzfjtBlkvEXwxIsNS4HWVq3PsXzrtJfo-FsnMwNzY-X_NqSa96Bmo6fMqMvBNxkmYbl9eccUP7A8Wc2xLBMfufemgsw6bJtOYGMhSTToYI_2O24ZjnvDyTK0eXJKZr6r/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;
}
Untuk ukuran Height ,Width dan lainnya silahkan sesuaikan dengan keinginan kawan-kawan,

simpan template...

selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:

Teks Yang ingin disimpan pada scroll box
Judul: Cara Mudah Membuat Scroll Box dengan Background
Rating: 100% based on 999999 ratings. 99 user reviews.
Ditulis Oleh Anonim
Habis Baca jangan lupa Jempolnya...thanks..

Artikel Terkait:

Anda sedang membaca artikel tentang Cara Mudah Membuat Scroll Box dengan Background dan anda bisa menemukan artikel Cara Mudah Membuat Scroll Box dengan Background ini dengan url http://inforinaldi.blogspot.com/2013/01/cara-mudah-membuat-scroll-box-dengan.html, dan Terimakasih Sudah Membaca Artikel Cara Mudah Membuat Scroll Box dengan Background Dan Semoga Uraian dan Pembahasan Tentang Cara Mudah Membuat Scroll Box dengan Background Bermanfaat Buat Sobat Semua.
Diposting oleh Anonim — Rabu, 16 Januari 2013

Ada 1 Komentar untuk "Cara Mudah Membuat Scroll Box dengan Background "

Ingin mendapatkan backlink gratis dari blog ini? silahkan berkomentar.
kami akan memodirasi komentar anda terlebih dahulu, jika komentar sopan akan kami terbitkan