Finn

Side Kick






READ THIS FOR ME :)
God speaks in the silence of the heart. Listening is the beginning of the prayer. So, don't you ever give up. When you feel down and your world is crumbling, remember that you still have God above. Always remember and ask to HIM because HE listens to every prayers you made.
Advertisement
Airplanes cut through the clouds like angels can fly :)

Check out my stuff ;)

Vas happenin' !
Hello and Welcome my 4 Muggle[s]
I have shared what I like and I feel since June 2011 ;)
Chat with Finn :)



♦ URL blog wajib ada , not email
♦ Harsh words & Anon not allowed
IP anda dikesan !

Credits


This skin is made by : Mrs AF

All rights reserved ® Finn 2011 - 2016
←Newer Posts ♦ Older Posts→
Tutorial : Image Hover Keluar Perkataan


22 June 2013 10:15 pm ♥ 0 Directioner(s)

Vas happening ! Heyy guys . Malam ni aku nak buat tutorial macam mana nak buat image hover . Lepas kita halakan cursor kat gambar , keluar perkataan atau ayat apa-II je lah . Contohnya tengok kat sidebar aku . Ada gambar rilakkuma tu kan . Ce halakan cursor kat situ . Cantik tak ? Kalau cantik jum ikut tuto ni sampai habis :) *for blogskin only ;)

1. Dashboard > Template

2. Press Ctrl + f dan cari code </style>

3. Copy code dkt bawah ni

#berryonedirection{
background:#f0eeeb;
color:#000;
width:230px;
height:150px;
margin-top:-140px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5x;
padding-top:5px;
opacity:.0;
-webkit-transition:all .5s ease-in-out; }
#berryonedirection:hover{opacity:.9}

 4. Paste di atas code tadi

5. Next, copy code ni pulak :

<center><img height="142" src="URLIMG" width="230" /><br><div id="berryonedirection"><br>AYATKORANG</div><br>

 6. Paste dekat tempat yang korang nak letak hover tu . Contohnya macam yang aku punya .Aku letak kat bahagian sidebar . Pandai-II la adjust :)

7. Preview & save

oren : background hover SINI

hijau : tinggi & lebar hover

biru : URL gambar comel yang korang nak letak :)

pink : ayat korang

Senang aje kan .. pssttt .. Hehe . Okayy . Got to go . Bye !

  • Thank you for visiting -Finn :) x
    • 0 Comments

    Post a Comment

    Thanks for sharing your opinion ! :)