Saturday, May 4, 2013

Tutorial : Navigate Hover #11

Large


こんにちは, 안녕하세요 , Assalamualaikum.

Ppuing Ppuing!! LOL huhu. Ok2 atin tak nak buat masa dengar ceramah atin hihi. Atin nak bagi korang tengok tutorial navigate untuk hover terbaru dan terkini? haha . Cer korang tengok preview bawah ni.. kalau tak perasan boleh click live preview ye..



  • Template Design/simple : paste kat Html/Javascript
  • Blogskin/Classic : paste bawah code </style>


<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.menul{ padding:3px;
width:65px;
margin-left: 5px;
margin-right: 5px;
font:8px tt;
color:#e1c9f3;
background:#fff;
text-align:center;
float:center;
-webkit-transition-duration: .50s;
display: inline-block;
padding:5px;
border:3px solid #e1c9f3;}
.menul:hover {
padding:3px;
height:auto; auto;
margin-left: 5px;
margin-right: 5px;
font:8px tt;
color:#fff;
background:#9C7FB4;
text-align:center;
-webkit-transform: scale(0.8) rotate(20deg);
border:3px solid #fff;
padding:5px;}
</style>
<center>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
<a class="menul" href="LINK HERE">TITLE</a>
</center>
</div>
merah : link
oren : title
ungu : color/background




2 comments:

Batu Adventure said...

nice day:)
saya adalah saya hari ini karena pilihan-pilihan
yang saya kemarin..


bagi-bagi motivasi yaa.. :)


http://wisataoutboundmalang.com/

Syafiq Muhammad said...

ASSALAMUALAIKUM , DENGAN SUKACITANYA DIMAKLUMKAN DISINI ADA G.A TERBESAR MEI, MEMANG AWESOME . HADIAH TOP REFERRAL SEHINGGA RM150.++ . JOM JOM . ADA BANYAK LAGI HADIAH . ANDA DI TAG #281
LINK TAGGING :
http://www.officialsyafiqmuhammad.blogspot.com/2013/05/tagging3.html
link G.A :
http://officialsyafiqmuhammad.blogspot.com/2013/05/1st-biggest-giveaway-by-osm.html