09 July 2011

Tutorial Kotak Blockquote Hover (macam Aisyah)

aisyah nak ajar kotak blocquote hover
kalau nak kotak blockquote warne kat  Blockquote Warne

1)Tekan ctrl-f dan copy kod di bawah , letak di dalam kotak ctrl-f:
/* Content
bile korang da cari code tu korang akan nampak kod yang ni

/* Content
----------------------------------------------- */

2)Paste kan kod ni dibawah kod yang korang nampak tuh


blockquote {
background:url(url background); padding:5px;
Border:3px inset #330099;
colour:#FFFFFF}
blockquote:hover {
background: url(url background) repeat right bottom ;
border:3px dashed #FF0000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}
3)yang saya tulis kat bawah ni,Korang boleh tukar warna die.klau nak dapatkan color code,click  sini

 4)
Border:2px dashed #00000;
colour:#FFFFFF}
border:2px dashed #000000;

5)gantikan URL IMAGE tuh dgn url image korang atau rujuk kat  ♥ sini ♥

6)preview dulu yaa.baru save :)

0 Comment Blog Aisyah Bunny ♥:

Post a Comment