Skip to content Skip to sidebar Skip to footer

Pengaturan Navbar Template Bootstrap Drupal

Tutorial ini ialah kelanjutan dari tutorial sebelumnya ihwal Instalasi dan Konfigurasi Template Bootstrap Pada Drupal 7.

Navbar (Navigation Bar) Merupakan sajian navigasi untuk megampangkan 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 ialah – langkah – langkah Pengaturan Navbar Template Bootstrap Drupal
  1. Sebelum melaksanakan pengaturan Navbar Bootstrap alangkah baiknya buatlah beberapa sajian terlebih lampau. Untuk tata cara membuat menunya sanggup Anda lihat pada artikel Membuat Submenu Pada Template Bootstrap Drupal melaluiataubersamaini Special Menu Item
  2. Klik sajian Apperance > Settings 
    Tutorial ini ialah kelanjutan dari tutorial sebelumnya ihwal  Pengaturan Navbar Template Bootstrap Drupal
  3. Pilih Tab/Menu Bootstrap Sub-theme 
  4. Selanjutnya klik Menu Components 
  5. Pada Navbar Position ada beberapa pilihan namun disini Saya memakai Static Top 
  6. Jangan lupa centang “Inverse navbar style” 
  7. Bila berhasil nanti tampilannya akan terlihat menyerupai gambar dibawah ini
    Tutorial ini ialah kelanjutan dari tutorial sebelumnya ihwal  Pengaturan Navbar Template Bootstrap Drupal
Sebenarnya ini belum final sebab kalau pada front end (halaman depan) khususnya kalau Anda memakai Module Administration Menu Drupal maka saat mouse Anda diarahkan ke sajian Administrasi maka sub sajian dari Navigasi Admin akan terhalang oleh Navbar Bootstrap, oleh sebab itu Anda perlu melaksanakan setting pada file css yang terdapat di site\all\themes\bootstrap_subtheme\css\style.css

Merupakan file css yang sanggup dipakai untuk custom template Drupal. Supaya sub sajian Admin tidak terhalangi maka Anda perlu menambahkan custom css terhadap file tersebut, menambahkan script dibawah ini

#admin-menu {z-index:9999;}

Tutorial ini ialah kelanjutan dari tutorial sebelumnya ihwal  Pengaturan Navbar Template Bootstrap Drupal

melaluiataubersamaini menambahkan baris css tersebut maka nanti sub sajian Admin tidak akan terhalang oleh navbar template bootstrap.

Post a Comment for "Pengaturan Navbar Template Bootstrap Drupal"