*** A G N U S - D E I ***
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Jumat, 04 Maret 2011

Cara Mudah Membuat Scroll Box dengan Background Kertas

Cara Mudah Membuat Scroll Box dengan Background Kertas

    Cara membuatnya :
  1. Login blogger
  2. Rancangan, Edit Html, Cari kode ]]></b:skin>
  3. Dan Simpan kode berikut diatasnya (Sekaligus Demonya ada dibawah ini) : 



/* scroll
----------------------------------------------- */
.scrollboxs{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtEk5Ad2Tw4nK3_0-CqV5T1up5RID6cZeY0jUe7_Y3R9kEJvqQaHMW5PLVrKypdFSqASN6du-sxSszukvh3j7ZJVdU__PxRn-0gWljJGiCE7mzpDP-ChSYcoyA36TE2byZq_gQSPUfjac/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/AVvXsEiiuVCqgvgAPm03G8xAxbofMXIob2qFGO8qQ756XMOft4hE6HpVXDuBoYMhhLR2e9WEEYCMEods48Dmxv_t2QjyKWy4GZnghZwaDdInKR1HZpV0RP6wukTsPueYYjqJmo3_qeF7kouClvpP/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:



<div class"scrollboxs"="">
Teks Yang ingin disimpan pada scroll box</div>



Sumber : http://www.kangdadang.co.cc/2011/04/cara-mudah-membuat-scroll-box-dengan.html

0 komentar:

Protected by Copyscape Duplicate Content Protection Tool
Template by : Roberth Fabumasse @2017