Huxsna


"...Follow me on Instagram @huxsna..."


Wednesday, 22 April 2015 - 0 Complain

Assalamualaikum! Harini Husna nak ajar korang cara buat blockquote version 1~ here is the preview :

SEBELUM DI HOVER :


SELEPAS DI HOVER :


Berminat tak? klau berminat, jom ikot tutorial ni ^^

  • Buka Blog
  • Template
  • Ctrl+f Then search Code .blockquote{ or .blockquote { or senang cari je code blockquote or cari code </style>
  • Copy Code Bawh ni

blockquote {
background: url(URL BACKGROUND BLOCKQUOTE 1);
background-attachment:fixed;
border:2px solid #bfbdf2;;
border-right:10pt double #bfbdf2;;
padding: 4px;
border-bottom-left-radius: 10px;border-top-left-radius: 10px;margin:1em 20px;
}
blockquote:hover {
background:url (URL BACKGROUND BLOCKQUOTE 2);
background-attachment:fixed;
border:1px dashed #bfbdf2;;
border-left:10pt double #bfbdf2;;
-webkit-transition: 1s;
-moz-box-shadow: 0 0 10px #8D38C9 ;
-webkit-box-shadow: 0 0 18px #8D38C9;}
}

  • PASTEKAN DI ATAS </style> or ,\gantikan dgn code blockquote lama korang 
PETUNJUK :

Purple (ala ala purple) : url background blockquote SEBELUM DIHOVER
Orange :                      url background blockquote SELEPAS DIHOVER


  • Selamat Mencuba!



Post a Comment

Ada masalah? Ada benda yang hendak dipuji? Suka dengan blog nie? Complain lah apa lagi!


Hello From The Otherside!

click this button ^^

de' little map

cbox

Fairytales Time Machine

credit