Wednesday 17 July 2013

Credits Section Hover

Assalamu'alaikum~ 
Siapa yang mau credits section seperti punya Salsa? Salsa juga udah lama nyari kode ini. Terima kasih juga buat Afiqah Junizan yang udah buat tutorial ini :)
  • Template Designer : copy lalu paste-kan di HTML/JavaScript
  • Blogskin : Copy lalu paste-kan di bawah kode </style>
codes :
<style type="text/css">
.box {
width: 265px;
padding: 10px;
background:url(Url Bakcground);}
.box2 {
padding:3px;
display:block;
height:17px;
width:255px;
background:#fff;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.box2:hover {height: 150px;}

h01{
font-family:consolas;
padding-top:1px;
font-size:12px;
color:#000;
text-align:center;
text-transform :uppercase;
background: pink;
letter-spacing:5px;
height:16px;
padding-left:6px;
display:block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;}
</style>
<div class="box"><div class="box2"><h01>title</h01>
<div style="font-family:arial;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
you can put anything at here ngeee ~ whatever and ever. 
</div></div></div>

1 comment:

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