Tutorial: Image Hover Text
Assalamualaikum and Hye la :D Ok arini dah dua tuto yg Liza buat ,, trmasuk yg nih la :D.. kta nya Liza wat tuto ni tuk
Budak nih hahaha ,, okk xnak ckp bnyak dah :D.. jom try buat tgok.. tp Liza tkut xjd :( ,, klu xjd sory la :D ,, credit kat kak tieqa sbb Liza amik contoh hover ni :D
Contoh Image Hover Text
- Dashboard > Template
- Tekan ctrl serentak f ,, then cari code </style>
- Copy code kat bawah nih
#ck{background:#f0eeeb;color:#000;width:230px;height:142px;margin-top:-147px;padding-left:0.5px;padding-right:0.5px;padding-bottom:0.5px;padding-top:5px;opacity:.1;-webkit-transition:all .5s ease-in-out; }#ck:hover{opacity:.7}
- Paste code nih kat atas </style> td tuh
- Pastu copy code ni pulak
<center><img height="142" src="URLIMG" width="230" /><br><div id="ck"><br>AYATKORANG</div><br>
- Haa code pulak paste kat tmpt yg korang nak letak hover tuh .. mcm Liza letak kat D'owner ,, yg kat Welcome To All tu,, tp tu dah lama hahahahax
- Preview & save :D
Oren: Background hover
Hijau: Tinggi ngan Lebar hover
Biru: Url Gambar
Pink: Ayat Korang :)