McJellyz Tutorialz.
★ Tutor : Blockquote hover keluar gambar kecil di hujung.
Tutorial last sebelum saya menghilang ~ Esok dah pergi cuti-2 MY. So saya buat tuto ni untuk uolz kay. Blockquote ni kalau korang hover nanti keluar icon kecil kat hujung blockquote. Perhatian ia hanya berfungsi pada blockquote yang berwarna dan tiada background or whatsoever :p
Dashboard > Design > Edit HTML.
Cari code ne :
.post blockquote {
Dah jumpa ? korang delete la code blockquote lama korang , pastu paste code ne bawah .post blockquote { tadi yeaaa,
background-color: #FBEFEF;
border:1px solid #F78181;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL ICON KECIL ANDA);
background-position:bottom right;
background-repeat:no-repeat;
}
Add-Ons : Yang merah tu untuk background color blockquote yang purple pula untuk warna border. Yang biru tu url icon bila dihover eh. Code warna boleh rujuk di sini.
Lepastu save and siap ! :D
P/S : Ni code blockquote saya yang saya dah tweak biar jadi simple blockquote.
Siapa yang kata tak jadi tu, buat betul-2. Macam mana saya buat leh jadi kan? T_T
Akhir kata, selamat bercuti y'alls ! Saya cuti awal. Hihi. Byee :P
- Tutorial List
- Personal Blog
p/s ; This blog is for tutorials only.
p/s(ii) ; I'm more active on my personal blog.
- Personal Blog
p/s ; This blog is for tutorials only.
p/s(ii) ; I'm more active on my personal blog.