Pengaturan Navbar Template Bootstrap Drupal
Tutorial ini merupakan kelanjutan dari tutorial sebelumnya tentang Instalasi dan Konfigurasi Template Bootstrap Pada Drupal 7.
Navbar (Navigation Bar) Merupakan menu navigasi untuk memudahkan pengunjung dalam menemukan konten website yang tersedia. Umumnya sebuah navigasi akan mengarah kesebuah laman/link ataupun sebuah artikel yang sudah dikelompok dalam satu kategori tertentu.
Berikut ini adalah – langkah – langkah Pengaturan Navbar Template Bootstrap Drupal
Navbar (Navigation Bar) Merupakan menu navigasi untuk memudahkan pengunjung dalam menemukan konten website yang tersedia. Umumnya sebuah navigasi akan mengarah kesebuah laman/link ataupun sebuah artikel yang sudah dikelompok dalam satu kategori tertentu.
Berikut ini adalah – langkah – langkah Pengaturan Navbar Template Bootstrap Drupal
- Sebelum melakukan pengaturan Navbar Bootstrap alangkah baiknya buatlah beberapa menu terlebih dahulu. Untuk tata cara membuat menunya bisa Anda lihat pada artikel Membuat Submenu Pada Template Bootstrap Drupal Dengan Special Menu Item
-
Klik menu Apperance > Settings
- Pilih Tab/Menu Bootstrap Sub-theme
- Selanjutnya klik Menu Components
- Pada Navbar Position ada beberapa pilihan namun disini Saya menggunakan Static Top
- Jangan lupa centang “Inverse navbar style”
-
Bila berhasil nanti tampilannya akan terlihat seperti gambar dibawah ini
Merupakan file css yang bisa digunakan untuk custom template Drupal. Supaya sub menu Admin tidak terhalangi maka Anda perlu menambahkan custom css terhadap file tersebut, tambahkan script dibawah ini
#admin-menu {z-index:9999;}
Dengan menambahkan baris css tersebut maka nanti sub menu Admin tidak akan terhalang oleh navbar template bootstrap.
Ahmad Zaelani
Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple
mang kasih link contoh template drupalnya biar tak pelajari satakerna, beh nyambung kalau mamang nulis drupal bostrap-drupal bostrap teh atuh yeuh....
ReplyDeletetinggal download di situs drupal mang...
DeleteApa navbar itu seperti pencarian gituh kang ?
ReplyDeleteyah kurang lebih semacam itulah...
Delete