Make Navigation #1

Kali ini Dea tanya di cbox, bagaimana caranya buat nav kayak aku pakai sekarang. Lihat aja contohnya ya

Oke. Ikuti semua langkah di bawah ini ya

1. Ke template > tempat kode navigation mu

2. Designer : Tata Letak > Add gadget > HTML/JavaScript

3. Skin : taruh di atas kode </style>

4. Kodenya :

a.pigtail {

width: 200px;

font-size: 11px; 

background:#b3fd81;

padding-left: 50px;

padding-right: 50px;

border-left: 5px solid #fd8181;

border-right: 5px solid #fd8181;

color:#87898b;

-webkit-transition:0.5s;

margin-right:1.5px;

}

a.pigtail:hover {

color:#ffffff;

background: #fcfd81;

padding-left: 70px;

padding-right: 70px;

border-left: 10px solid #81befd;

border-right: 10px solid #81befd;

-webkit-transition:0.5s;

}

5. Untuk designer > kodenya :

<style>

a.pigtail {

width: 200px;

font-size: 11px; 

background:#b3fd81;

padding-left: 50px;

padding-right: 50px;

border-left: 5px solid #fd8181;

border-right: 5px solid #fd8181;

color:#87898b;

-webkit-transition:0.5s;

margin-right:1.5px;

}

a.pigtail:hover {

color:#ffffff;

background: #fcfd81;

padding-left: 70px;

padding-right: 70px;

border-left: 10px solid #81befd;

border-right: 10px solid #81befd;

-webkit-transition:0.5s;

}

</style>

<a class="pigtail" href="LINK" title="TOOLTIPS" >Home</a>

<a class="pigtail" href="LINK" title="TOOLTIPS" >Owner</a>

<a class="pigtail" href="LINK" title="TOOLTIPS" >Stuffs</a>

<a class="pigtail" href="LINK" title="TOOLTIPS" >Linkies</a>

6. Save template. Edit sedikit ya.