Tuesday 16 July 2013

Blockquote vers 2

Demo: Blockquote 2 live preview.
Blogskin/Classic Template : Copy kode-nya lalu, paste-kan di atas kode </style>
Template designer : Copy kode-nya lalu, paste-kan di atas kode ]]></b:skin>
codes :
blockquote{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq_S7rqS7hlkQ0H8vedYm6kXyme49oPW9dlnLpum-R_RUsvw1mbjpPCFlTF3vH23bADK4kx1_ArszJjkpZxxqBk5K4kXYeiqesZQZtWsvUyO6th999O-tZtjricynL1PZIi9cHyBeHg-em/s1600/grey.png ); padding:10px; border-radius:10px; border-left:10px solid #CCC4FB; border-right:10px solid #CCC4FB; border-top:2px solid #DED9FC; border-bottom:2px solid #DED9FC; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; font-family:calibri } blockquote:hover{ border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #B0AAFF; -moz-box-shadow: 0px 0px 8px #B0AAFF; box-shadow: 0px 0px 8px #B0AAFF; }
   Adjust code :
- Merah : kode warna border kanan & kiri blockquote.
- Biru : kode warna border atas & bawah blockquote.
- Ungu : kode warna shadow blockquote.

2 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.