Credit : Kinanti/Mocha Mocca
Login Blogger - Dashboard - Tata Letak/Layout - Add a gadget - HTML/JavaScript
Copas code ini di kolom kode HTML/JavaScript-nya
Rabu, 31 Desember 2014
Cara membuat Navigation Menu/Sidebar Navigation
Wah, Tabitha request Cara membuat Navigation Menu, cekidot!
<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:15px;
padding-bottom:5px;
border-top-right-radius:40px;
border-top-left-radius:40px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #FFD1D1;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transform: rotateX(180deg) ;
-moz-transform: rotateX(180deg) ;
-o-transform: rotateX(180deg) ;
-ms-transform: rotateX(180deg) ;
background:#FFDFDF;}
</style>
<center>
</div>
<a class="jeonjin" href="LINK">Link1</a>
<a class="jeonjin" href="LINK">Link2</a>
<a class="jeonjin" href="LINK">Link3</a>
<a class="jeonjin" href="LINK">Link4</a>
</div>
</center>
Kurang ngerti ? : Klik
Langganan:
Posting Komentar (Atom)
Rin, tuto-nya bagus banget. makasih ya udh visit blogku dan memberi saran blogku. saranmu sangat bermanfaat
BalasHapusMakasih pujiannya dan sama sama kalau itu bermanfaat
BalasHapusOh iya, Rin. visit blog baruku, ya : alneira-firja.blogspot.com. Thanks
Hapus