Image Hover Text
Assalamualaikum and hai...ok hari ni nina nak ajar korang cara macam mana nak buat image hover with text....tak paham???Kalau tak paham tengok cth kat bawah...
Hover the image
Ok korang dah tengok kan??? ok... now nina want to teaching you how ...how....ahhh whatever dengan how...k...jom start
- Dashboard > Template
- CTRL+ f...then search code </style>
- Copy code bawah ni
#ninashukri{
background:#fff;
padding:2px;
border-radius:0px 0px 0px 0px;
width:220px;
margin-top:-100px;
margin-left:1px;
opacity:.01;
-webkit-transition:all .5s ease-in-out
}
#ninashukri:hover{opacity:.8 ;}
background:#fff;
padding:2px;
border-radius:0px 0px 0px 0px;
width:220px;
margin-top:-100px;
margin-left:1px;
opacity:.01;
-webkit-transition:all .5s ease-in-out
}
#ninashukri:hover{opacity:.8 ;}
- Paste code ni diatas </style>
- Pastu...copy code kat bawah ni pulak
<img style="border:1px solid #eee" width="220" src="URL image"/> <div id="ninashukri"><br> <center> Ayat korang</center> </div> <br />
- Paste kat bahagian sideber korang
- Preview and Save
toturial ok nice
ReplyDeletehttp://long-cham.blogspot.com/