Thursday, December 13, 2012

Tutorial :  Navigation Bar ( Tab Menu ) Part 2

Assalamualaikum dan Salam 1 Malaysia

HOME ABOUT TUTO FREEBIES

1. Dashboard > Layout > HTML/JavaScript

2. Copy code dibawah dan pastekan diruang itu

<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #81DAF5;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#000000;}
</style>
<a class="jeonjin" href="Link 1">HOME</a>
<a class="jeonjin" href="Link 2">ABOUT</a>
<a class="jeonjin" href="Link 3">TUTORIAL</a>
<a class="jeonjin" href="Link 4">FREEBIES</a>
3. Save !

 Perlu Diubah

BIRU : Warna navigate sebelum cursor sentuh
PINK : warna navigate selepas cursor sentuh
MERAH : LInk entry atau page
UNGU : Ayat dinavigate

0 Pengomen Terhebat !!:

 

Copyright © 2012 Reserved to Fujiwara Asuka Design with love by Fatimah Azzarah