Kita akan bermain-main memodifikasi modul Superfish Menu. Modul ini banyak digunakan untuk menampilkan menu dalam bentuk menu dropdown baik horisontal maupun vertikal. modul ini menggunakan JQuery dalam tampilannya. Modul menu ini memiliki beberapa style yaitu horisontal,vertikal, dan nav-bar.
Pada tutorial ini anda akan belajar cara merubah warna menu dan teks link.
1. Setelah anda download dan install modul Superfish Menu, anda harus mengaktifkannya untuk melihat tampilannya. Secara default tampilannya seperti ini:
2. Selanjutnya buka CPanel >> File Manager >> temukan path public_html/modules/mod_superfishmenu/tmpl/css/superfish.css
3. Klik icon Edit untuk mengedit file CSS. Temukan kode berikut:
4. point (1) kotak merah: ubah kode warnanya untuk warna menu level 1, point (2) kotak biru untuk menu level 2, point (3) kotak hijau untuk menu level 3.
5. Untuk merubah warna teks menu temukan kode:
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #000000;
}
Catatan: #000000 adalah contoh sampel saja
6. Ubah kode warna #000000 sesuai warna link teks kesukaan anda.
7. Kemudian simpan hasil edit file css anda dan refresh halaman web anda. Maka warna menu dan teks link menu akan berubah.
8. Selamat mencoba.
