) Y-KNWHT;
HOME ABOUT CATEGORY ARCHIVE
Follow

Tutorial : Navigation Bar like me


Heyho, Will Turner !

Okay, Scha Feeqah minta buatkan. So, I made it. Yang ini hover dia pun sebijik dengan aku.

Pergi Template. Pastekan kod bawah sebelum </style>
a.button {
padding:4px;
color:#000000;
background: #F5A9D0;
font-size:11px;
-moz-border-radius: 9px;
border-radius: 5px;
}
a.button:hover {
padding:4px;
color:#000000;
font-size:11px;
background: #FFFFFF;
border-bottom:2px dashed #FF0080;
border-top: 2px dashed #FF0080;
border-left:2px dashed #FF0080;
border-right: 2px dashed #FF0080;
}


Merah : Warna font
Biru : Background navigation
Hijau : Warna border
Oren : Saiz font
Ungu : Jenis border

Now, untuk button navigation. Pastekan kod bawah ni dekat kod sidebar, etc. Part ni susah sikit.
<center><a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('home').innerHTML" title="Home">POST</a>
<a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('about').innerHTML" title="About">ABOUT</a>
<a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('tuto').innerHTML" title="Goodies">STUFFS</a> </center>
Tukarkan biru tu dengan ayat korang. Yang hijau tu nanti bila korang klik button navigation korang tu nanti dia akn keluar dekat post or sidebar, etc.

Faham tak ? Wahahaha. Korang kena pandai main kod.

Labels:







Friday, October 28, 2011

| ALL RIGHT RESERVED © EST. 2010