Tutorial for blockquote

Aloo..


153105_large


Assalamualaikum!!


Ehhhem!!!






Hari nih, kusyi try godek2 sendiri main blockquote.. tup2 jadi!! HAHA..


So.. Kusyi nak share la.. He he.. 


Sebelum tu! Tahu tak blockquote tu ape? Ala.. Cuba hover kat bawah ni..


Assalamualaikum! This is blockquote


hah! Dah tahu? Bagus..


Kalau ada sape2 nak.. Jom scroll bawah!






first! u all cari neyh!


blockquote {


jumpa? kalau x jumpa.. cari nih.


.post blockquote {


dah jumpa??bagus..


kemudian.. copy bawah nih.



background-image:URL(url gambar);
border-left: 6px solid #F2A3A3;
border-right: 4px solid #F2A3A3;
border-bottom: 3px dashed #FFFFFF;
border-top: 3px dashed #FFFFFF;
padding: 8px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;


paste kat bawah blockquote {  atau   .post blockquote {  tadi.


dah paste? bagus..


pssttt... 
warna biru -korang boleh tukar kalerr yang korang nak. 
hijau - url gambar background korang sukee..
merah- korang ekjas lah ikut suke korang.. kalau taknak pon takpe.. hehe..


tapi.. yang kusyi bagi tu.. blockquote tak bergerak,kan? meh nak ajar yang bergerak lak.


korang just tambah je.. tambah kat bawah blockquote yang kusyi bagi tu.



blockquote:hover {
padding-left: 50px;
-webkit-transition-duration: 1.0s;
background-color: #F8C0C0;
border-left: 2px solid #F2A3A3;
border-right: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
padding: 5px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;


paham? ala.. kesimpulannya macam ni la.. bila gabung2..


blockquote {
background-image:URL(url gambar);
border-left: 6px solid #F2A3A3;
border-right: 4px solid #F2A3A3;
border-bottom: 3px dashed #FFFFFF;
border-top: 3px dashed #FFFFFF;
padding: 8px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
blockquote:hover {
padding-left: 50px;
-webkit-transition-duration: 1.0s;
background-color: #F8C0C0;
border-left: 2px solid #F2A3A3;
border-right: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
padding: 5px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}  


faham? bagus.. hehe..


yang nih tuto dari kusyi punye tau! dari pukul 5 duk godek2 ini.. 


kalau nak! bagitahu kat cbox.. sbb kusyi dalam proses nak edit lagi belog kusyi nih..


da...


salam~ 

Comments

Popular posts from this blog

Pengalaman Assessment Peneraju Profesional Akauntan Muda Kategori B (PPAM B)

Hlovate? Siapa?

CAT? Diploma? KPTM?