Tutorials Freebies Downloads Tips and Tricks Themes

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.

0 Comments:

Post a Comment