Friday 19 July 2013

Hover Image Got Something vers 3

Thanks to Afiqah Junizan {} pokoknya semua tutorial "Hover Image Get Something" di blog ini, Salsa credit dari blog dia :)
Preview :

Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>

<style>.side2{position:absolute;overflow:hidden;padding:17px;}
#side {top:180px;left:110px;position:fixed;height:auto;width:200px;}
#side:hover #text {opacity:0.9;margin-top:70px;-webkit-transition: 0.8s;}
#text {opacity:0;margin-top:-100px;margin-left:17px;font-size:8px;font-family:arial;padding:7px;font-style:normal;position:absolute;width:236px;text-align:center;height:auto;text-transform:lowercase;color:#000;background-color:pink;-webkit-transition: 0.8s;}</style>
<div id="side"><div class="side2"><img src="Url Image" width="250px;" height="140px;"</div>
<div id="text">your word at here</div></div>
    Adjust code :
- Merah : kode warna background texts.
- Ungu : Url Image.
- Biru : isi hover image.

No comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.