Friday 19 July 2013

Hover Image Got Something vers 1

Helloo :)
Thanks to Afiqah Junizan who has own codes {}

Template Designer :
  • Paste-kan di Html/JavaScript.
Blogskin :
  • Design > Template > Edit HTML.
  • Paste code yang ada di bawah kode </style>
Codes :
<style type="text/css">.navs {width:100%;height:114px;padding-top:3px;padding-bottom:3px;margin-top:0px;font-size:11px;font-family:arial;text-align:center;opacity:0;color:#777;background-color:white;-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.navs a {color:white;}
.outside:hover .navs {opacity:1;}
.outside {float:left;margin-right:2px;height:120px;width:95%;}
#outside1 {border:5px solid #444;background-image:url('URL Image');background-color:#555;} </style>

<div class="outside" id="outside1"><div class="navs">put whatever yout want like cbox or profile.</div></div>

1 comment:

  1. Itu bukannya dari kak afiqah yaa?? kok ngga' ada credit?

    ReplyDelete

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