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: Tutobies
0 comments
