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(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/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.