Sparks Fly...
Tutorial : Image Hover Text (Blogskin)
Monday, 31 December 2012 • 20:00 • 0 comments



Assalamualaikum and Hai. Tutor yang ini Sha nak ajar cara untuk letak image hover pada image/text. Act, image hover ni adik Sha pernah gunakan skin yang INI, kalau korang perasan. So, bagi sesiapa yang nak buat mcm tu. Bole ikut step ni. 

Contoh image hover text

1. Dashboard > Template
2. Press Ctrl + f dan cari code </style>
3. Copy code dkt bawah ni
#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}
4. Paste di atas code tadi
5. Next, copy code ni pulak
<center><img height="142" src="URLIMG" width="230" /><br>
<div id="ck"><br>
AYATKORANG
</div><br>
6. Paste dekat tempat yang korang nak letak hover tu. Contohnya mcm adik Sha, dia letak dekat bahagian D'Owner.
7. Preview & save

oren : background hover
hijau : tinggi & lebar hover
biru : URL gambar
pink : ayat korang

? Newer Posts | Older Posts ?
SweetOwner ^^
No harsh word please ^^


Assalamualaikum, hey stalker :) welcome to my TutoBlog :) kalau guna tuto Sha, sila credit kan kay. thankyou :*

Diary
Profile
Links
Stuff



Time Machine
let's get back...



Credit Card
Big clap for them...


Skin by : Najmi Supian
Picture take from : We Heart It
Linkies code : WANA
Big Helped : Them