Tuesday, December 13, 2011

Tutorial :- Flash Blockquote



Flash blockquote ni means blockquote akan
bertukar bila cursor dihalakan..
jadi ada 2 background blockquote yg berbeza.. =)

Credit Tutorial:


1) Dashboard> Design > Edit Html

2) Tekan Cltr + F serentak dan cari kod:-
.post blockquote {
3) Paste code di bawah SELEPAS kod di step (2)
background: url(http://dl3.glitter-graphics.net/pub/264/264393ps0ft3rzze.gif);
border:2px solid  #fbd5dd;
-moz-border-radius: 25px 10px / 10px 25px; 
border-radius: 25px 10px / 10px 25px;

colour:#FFFFFF}
blockquote:hover {
background: url(http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif) repeat right bottom ;
border:2px dotted  #fbd5dd;
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;

}

4) Preview & Save!


okes, siap!!!
selamat Mencuba




No comments:

Post a Comment

About This Blog