Tutorial for blockquote
Aloo..
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..
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.
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.
paham? ala.. kesimpulannya macam ni la.. bila gabung2..
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~
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