Sudah belajarnya~~ sekarang saya ingin bagi-bagi pengetahuan untuk mencantikkan blog ehehe..
Kali ini yang ingin saya bagikan adalah kode HTML untuk membuat navigasi..
Kalau di dalam dunia perblog'an ? Navigasi ini berfungsi sebagai hiasan.. Banyak blog-blog orang (bukan Indonesia) yang memakai navigasi..
Langsung saja nih kodenya :
<style>a.roka{display:table-cell;vertical-align: middle;height:55px;margin:-1px;border-left:1px solid #ffffff;padding:4px 6px 5px 5px;color: #ffffff;background: #BDEDFF;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;transition: all 0.9s ease;}
a.roka:hover{border-left:3px solid #ffffff;color: #000000;background: #FFCFCD;-moz-border-radius: 0px 0px 70px 70px;-webkit-border-radius: 0px 0px 70px 70px;border-radius: 0px 0px 70px 70px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;transition: all 0.9s ease;}</style><a class="roka" href="URL" >item 1 </a><a class="roka" href="URL" >item 2 </a><a class="roka" href="URL" >item 3 </a>
*Nb : use ctrl+c for copy paste
0 comments:
Post a Comment