Home About Stuff Link My BIAS

Friday 7 September 2012

Tutorial : Image Hover Text (Blogskin)



Assalamualaikum and annyeonghaseyo. Tutor yang ini rienna nak ajar cara untuk letak image hover pada image/text. Act, image hover ni tieqa pernah gunakan dalam skin yangINI, 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 tieqa, tieqa letak dekat bahagian D'Owner.
7. Preview & save

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

1 comments:

Anonymous said...

weyh memang tak nak kasi copy code ke??? disable right click n disable ctrl+c

Related Posts Plugin for WordPress, Blogger...