Ahad, 6 Januari 2013

{ TUTORIAL : NAVI HOVER # 1 }

Assalamualaikum . . nie ada satu tuto,kalau awak nak guna sila komen yew..nie code saya sendiri no re-tuto please .


1.Template Designer
2.Paste dekat HTML
LIVE PREVIEW


<style>
.sue{
background: #edbbcd;
border-left: 10px solid #f5dae4;
border-right: 10px solid #f5dae4;
font-family: "Amaranth";
text-align: center;
float: left;
margin-left: 5px;
margin-bottom: 10px;
width: 50px;
color: #fff;
font-size: 16px;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
-Webkit-transition-duration: 1.0s;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.sue:hover{transform: rotate(360deg) ;
background: #f5f2ed;
color: #edadc7;
border-left: 10px solid #edbbcd;
border-right: 10px solid #edbbcd;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<a class="sue" href="LINK HERE">link 1</a>
<a class="sue" href="LINK HERE">link 2</a>
<a class="sue" href="LINK HERE">link 3</a>
<a class="sue" href="LINK HERE">link 4</a>






1 ulasan:

Cornelia Waldorf berkata...

You are tagged! Komen bnyk bnyk tau :)
http://meanwhileinparalleluniverse.blogspot.com/2012/12/new-year-giveaway-by-sheera-aya.html

 
All right reserved by seuleira @copyright protected