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



Assalamualaikum...Hai i'm nina shukri..nice to meet you




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 ;}




  • 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

Take Note!!!

pink : URL image korang
biru : Tulis je apa yg korang suka
hijau : Besar pastikan sama

Share this:

CONVERSATION

1 Comments:

  1. toturial ok nice
    http://long-cham.blogspot.com/

    ReplyDelete