Le' tutos

tab menu (part 5)

Assalamualaikum ! hye hye n hye ^_^
tuto hari ni buat nav bar. ada seorang budak comel dia tanya macam mane nak buat, so fara buat la tuto ni :)

ini contohnya:-

satu dua tiga empat
nak buat ?
1) Dashboard > template2) cari code bawah ni

</style>

3) copy code bawah ni dan pastekan di sebelum code yang korang cari tu

a.navi{
-webkit-transition: 0.5s;
background: #FCE7F4;
padding: 3px; font-size: 10px;
letter-spacing: 1px;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
}
a.navii{
-webkit-transition: 0.5s; background:#D1F3FB;
padding: 3px; font-size: 10px; letter-spacing: 1px;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
}
a.navi:hover {
-webkit-transition: 0.5s; background: #D1F3FB; color: black; border-bottom: 0px solid #000;
}
a.navii:hover {
-webkit-transition: 0.5s; background: #FCE7F4; color: black; border-bottom: 0px solid #000;
}

4) cari code bawah ni pulak

<body>

5) paste code bawah ni dan pastekan selepas code <body> tu

<a class="navi"a href="LINK ANDA">home</a><br> <a class="navii"a href="LINK ANDA">about</a><br> <a class="navi"a href="LINK ANDA">stuff</a><br> <a class="navii"a href="LINK ANDA">link</a><br>

ok preview , kalau dah ok save. kalau tak menjadi bagi tahu fara, fara boleh tolong :)