Blockquote Styles #1

06/02/16

  • Warna background berubah saat dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background:#000000;border: 3px dotted #CC6BFF;background-repeat:repeat;}
  •  Gambar background berubah saat dihover
background : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background:url (url background);border: 3px dotted #CC6BFF;background-repeat:repeat;}
  • Background menjadi icon / image saat dihover
background-image : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background-image:url (url icon / image); background-position: bottom right;background-repeat: no repeat;}
  • Warna tulisan dan gambar background berubah saat dihover
background-image : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background-image:url (url icon / image); background-position: bottom right;background-repeat: no repeat;color:#ffffff}
Nah, itu semua kodenya letakkan di bawah kode blockquote (kodenya ada di post ini, yang kodenya mirip-mirip sama kode .post-blockquote)

Yang warna tulisannya biru itu edit sendiri ya.. 


credit: Gifta

Label:





0 comments

Posting Komentar


Kio