02 August 2011

Tutorial- Flash blockquote


Before

after


So, macam ni care dia.

background-image: url(URL IMAGE BACKGROUND);
border:1px solid #f3e2a9;
border-left:10pt double #f3e2a9;
padding: 4px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.post blockquote:hover {
background-color: #ecfcec;
-webkit-transition-duration: 2.5s;
background-image:url(CUTE ICON);
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #f3e2a9;
border-right:10pt double #f3e2a9;
}
.post blockquote p {
margin: .75em 0;
}



red : image background for your blockquote. you can find it here or here
blue : your blockquote hover background colour
green : your blockquote hover border colour
orange : blockquote border colour before hover
purple : you can find it here
color code : here

paste all the code below .post blockquote { okay?
save and done :)
you can change the code if you want.


credit: amylia 



You may leave your comment :)

4 comments: