Pontianak Web & Open Source

Jasa Buat Website Pontianak. Pontianak Web & Open Source

Drupal: Membuat Drop Down Menu dengan Nice Menu

Kam, 2011-05-19 12:53 -- mbahlol

Semakin kompleks suatu situs, maka struktur menu juga menjadi semakin kompleks. Catatan kali ini adalah cara membuat drop down menu dengan modul nice menu.

Sebelumnya buat menu primary link dengan struktur seperti dibawah

Home
Produk
--Foo
--Bar
--Baz
About
Log Out

 

Buka halaman konfigurasi block admin/build/block. Cari block Nice Menu 1 (block nice menu ada dua, dalam contoh pilih yang no 1) yang saat ini statusnya disabled. Klik configure. Atur dengan konfigurasi berikut:

Menu Name: Navigation Menu
Menu Paret: <Navigation>
Menu Styel: Right

 

Save block dan pindahkan posisi block tersebut ke left sidebar.

Drupal Theming

 

Berikutnya edit file css dan buat style seperti dibawah

#block-nice_menus-1 ul.nice-menu {
  margin-left: 0.6em;
  padding-left: 0;
}
#block-nice_menus-1 ul.nice-menu ul li,
#block-nice_menus-1 ul.nice-menu-right,
#block-nice_menus-1 ul.nice-menu-right li,
#block-nice_menus-1 ul.nice-menu-right ul ul {
  width: 13.5em;
}
#block-nice_menus-1 ul.nice-menu li,
#block-nice_menus-1 ul.nice-menu-right li.menuparent,
#block-nice_menus-1 ul.nice-menu-right li li.menuparent {
  background-color: #80AA00;
}
#block-nice_menus-1 ul.nice-menu-right li.menuparent:hover,
#block-nice_menus-1 ul.nice-menu-right li.over {
  background-color: #F0B900;
}

Save dan exit teks editor. Jika perlu clear theme registry (empy cache) untuk melihat hasilnya.

Drupal Theming

Sumber: Drupal 6 Theming Cookbook

Kategori Blog: