Amirra Najihah







+
+

Tutorial Hover Magical Blockquote
Sunday, September 11, 2011 | 1:39 PM | 8 comment

ehemm :) assalamualaikumm .dah lama tak buat tuto kan ? so ,hari ney .buat lah tuto .sebab di request oleh Farhanah Mokhtar .

okayyh .lets do it :) firstly ,design > edit html > expand widget templates .then tekan F3 and search for this code .post blockquote {

okayh ? then paste code ney ,dekat bawah .post blockquote { tu yee .


background:url('URL BACKGROUND');border-left:8pt double #F5A9F2;border-bottom-left-radius: 8px;border-top-left-radius: 8px;text-align: center;padding: 3px;}


MERAH :  tukar warna sendiri
 then search buat hover pulak .just paste code bawah ney ,dekat bawah yg awak buat tadi 


.post blockquote:hover {background-image:url(IMAGE URL);background-repeat:no-repeat;background-position:bottom right;padding: 3px;border:1px dashed #808080;border-right:8pt double #808080;-webkit-transition-duration: 1.90s;}
IMAGE URL : boleh carik dekat glittergraphic .
BIRU : warna yg anda suka .
HIJAU : warna yg anda suka .
JINGGA : magical nya akan nampak disini :) save ,and preview okayh .tak faham ? sinisini

credit : amirah najihah


♥ Older | Newer ❥