» » » » » Pengaturan Navbar Template Bootstrap Drupal

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
  1. 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
  2. Klik menu Apperance > Settings 
    mengatur navbar bootstrap langkah pertama
  3. Pilih Tab/Menu Bootstrap Sub-theme 
  4. Selanjutnya klik Menu Components 
  5. Pada Navbar Position ada beberapa pilihan namun disini Saya menggunakan Static Top 
  6. Jangan lupa centang “Inverse navbar style” 
  7. Bila berhasil nanti tampilannya akan terlihat seperti gambar dibawah ini
    tampilan navigasi menu bootstrap drupal
Sebenarnya ini belum selesai karena bila pada front end (halaman depan) khususnya bila Anda menggunakan Module Administration Menu Drupal maka ketika mouse Anda diarahkan ke menu Administrasi maka sub menu dari Navigasi Admin akan terhalang oleh Navbar Bootstrap, oleh karena itu Anda perlu melakukan setting pada file css yang terdapat di site\all\themes\bootstrap_subtheme\css\style.css

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;}

menambahkan z index pada file css bootstrap

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

9 Responses to "Pengaturan Navbar Template Bootstrap Drupal"

  1. Mang LembuOctober 5, 2016 at 11:43 PM

    mang kasih link contoh template drupalnya biar tak pelajari satakerna, beh nyambung kalau mamang nulis drupal bostrap-drupal bostrap teh atuh yeuh....

    ReplyDelete
    Replies
    1. Ahmad ZaelaniOctober 6, 2016 at 12:30 PM

      tinggal download di situs drupal mang...

      Delete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Newer PostOlder PostHome
Subscribe to:Post Comments (Atom)
mahjongways menghadirkan evolusi visual digital melalui perpaduan animasi adaptif dan teknologi antarmuka modernintegrasi teknologi real time mengubah cara platform digital mengelola interaksi dan respons penggunaperan random number generator menjaga independensi hasil pada sistem permainan digital modernmengenal cara mahjongways mengembangkan pengalaman interaktif melalui sistem respons simbol dan desain grafis digitalarsitektur microservices menjadi fondasi penting dalam membangun infrastruktur platform digital yang lebih fleksibelmengenal volatilitas dan distribusi hasil dalam karakteristik matematis permainan digital berbasis rngmahjong ways dan evolusi budaya digital melalui perpaduan warisan tradisional dengan teknologi interaktif moderntransformasi infrastruktur digital memperlihatkan peran penting otomatisasi dalam menjaga stabilitas sistemmahjongways memperlihatkan perkembangan desain permainan digital melalui optimalisasi animasi dan transisi visualgame pg soft dan perubahan standar desain visual dalam industri hiburan digitalmengapa game pg soft sering dibahas dalam perkembangan permainan berbasis smartphonedi balik game pg soft bagaimana teknologi animasi membentuk pengalaman penggunagame pg soft dalam sorotan perbedaan antara fitur interaktif dan mekanisme acakketika tampilan game pg soft menjadi bahan diskusi tentang psikologi warnamengulas game pg soft dari sisi perkembangan antarmuka dan kenyamanan navigasigame pg soft dan tantangan membedakan informasi resmi dari klaim komunitasbagaimana game pg soft mengadaptasi elemen budaya dalam konsep visual permainangame pg soft dan pentingnya memahami perbedaan antara rtp serta hasil sesaatfenomena konten video pendek yang membentuk persepsi publik tentang game pg softgame online dan fenomena munculnya pemimpin komunitas dari kalangan pemain biasamengapa sistem reputasi menjadi bagian penting dalam interaksi game onlineketika game online menghadirkan tantangan baru dalam menjaga etika komunikasiperubahan pola kerja sama tim menjadi sorotan dalam perkembangan game onlinegame online dan peran sistem moderasi dalam membangun lingkungan bermain yang sehatbagaimana game online menghubungkan komunitas kecil menjadi jaringan globalfenomena pemain game online yang mengembangkan keterampilan organisasi komunitasgame online dalam kajian perubahan kebiasaan sosial di ruang virtualmengapa transparansi sistem peringkat menjadi perhatian dalam komunitas game onlineketika game online menjadi ruang kreatif bagi pembuat konten dan pemaingame digital dan perubahan cara pengembang membangun dunia virtual yang realistismengapa teknologi haptic feedback menjadi pembahasan menarik dalam game digitalketika game digital menghadirkan karakter yang bereaksi terhadap keputusan pemainperan pencahayaan dinamis dalam membangun suasana permainan game digitalgame digital dan tantangan menjaga identitas seni di tengah perkembangan aibagaimana sistem penyimpanan cloud mengubah pengalaman mengakses game digitalfenomena game digital yang mengangkat cerita rakyat menjadi petualangan interaktifgame digital dalam sorotan perubahan cara studio indie mengembangkan karyamengapa pelestarian game digital lama menjadi topik penting dalam arsip teknologiketika game digital digunakan untuk mengenalkan konsep sains melalui simulasigates of olympus dan kisah mitologi zeus yang diadaptasi menjadi hiburan digitalmengapa sweet bonanza menggunakan tema permen dalam membangun identitas visual gamestarlight princess dan peran karakter fantasi dalam perkembangan desain slot modernfenomena big bass bonanza yang menggabungkan tema memancing dengan mekanisme permainansugar rush 1000 dan cara animasi warna warni membentuk pengalaman visual penggunamengenal the dog house megaways dari sisi desain karakter dan variasi fitur gamegates of hades mengangkat dunia bawah mitologi yunani ke dalam konsep permainan digitaldi balik sweet rush bonanza ada konsep pengali yang menarik dibahas secara matematisfortune of olympus dan perbedaan desain mekanisme permainan bertema dewa yunanimengapa gates of olympus 2500 menarik dikaji dari sisi evolusi seri game digitalkasino online dan tantangan menjaga keamanan akun di tengah ancaman digitaldi balik istilah rtp kasino digital ada perhitungan yang sering disalahartikanketika kasino online menghadapi persoalan transparansi dalam penanganan keluhankasino digital dan fenomena kesalahan persepsi terhadap kemenangan beruntunmemahami peran autentikasi dua faktor dalam melindungi akun kasino onlinekasino online dalam sorotan praktik pengumpulan data dan persetujuan penggunaketika fitur batas pengeluaran menjadi bagian dari perlindungan pengguna kasino digitalkasino digital dan tantangan menjelaskan mekanisme permainan kepada pengguna barumenelusuri hubungan antara kasino online dan perubahan pola konsumsi konten videokasino online dan pentingnya memahami perbedaan antara risiko dan ketidakpastianmahjong ways 2 memiliki pengaturan animasi yang berkaitan dengan kelancaran tampilan pada smartphonepenggunaan refresh rate tinggi pada layar smartphone membawa perubahan dalam pengalaman game mobilemahjong ways menampilkan detail simbol yang dipengaruhi oleh pengaturan resolusi layar perangkatperkembangan teknologi browser membantu game berbasis web menampilkan konten lebih responsifmahjong ways 2 dan pengaruh koneksi internet terhadap kecepatan memuat elemen permainanpenggunaan mode hemat daya pada smartphone dapat memengaruhi kelancaran animasi game digitalmahjong ways menghadirkan tampilan bernuansa asia yang menarik dilihat dari sisi desain antarmukaperkembangan teknologi grafis mobile membuat efek transisi dalam game terlihat semakin haluspengelolaan cache browser menjadi bagian penting dalam menjaga pengalaman mengakses game digitalmahjong ways 2 memperlihatkan perpaduan mekanisme cascade dan penyajian informasi visualkasino online dan tantangan memahami syarat layanan di tengah kemudahan aksesdi balik tampilan kasino digital ada teknologi enkripsi yang melindungi informasiketika kasino online menjadi bagian dari diskusi tentang kecanduan digitalkasino digital dan peran pengawasan transaksi dalam mencegah penyalahgunaanmemahami mengapa klaim pola permainan kasino online perlu diperiksa secara kritiskasino online dalam sorotan perkembangan sistem pembayaran lintas negarafenomena kasino digital dan tantangan menjaga keseimbangan aktivitas sehari hariketika kasino online memanfaatkan desain responsif untuk berbagai ukuran layarkasino digital dan pentingnya memahami perbedaan antara privasi dan anonimitasmenelusuri hubungan antara kasino online dan perkembangan teknologi pencegahan penipuanmahjong ways 2 memiliki detail animasi yang bisa terlihat berbeda pada setiap jenis layar smartphonepenggunaan gpu pada smartphone memiliki peran penting dalam menampilkan efek visual game digitalmahjong ways menghadirkan susunan simbol yang menarik dipahami dari sisi desain antarmukaperkembangan teknologi layar oled membawa perubahan pada tampilan warna dalam game mobilemahjong ways 2 dan cara sistem permainan menampilkan perubahan simbol secara berurutanpengaturan kualitas grafis game mobile membantu menyesuaikan tampilan dengan kemampuan perangkatmahjong ways memadukan ornamen tradisional dengan elemen digital yang membentuk identitas visualperkembangan teknologi game berbasis browser membuka pilihan baru dalam hiburan digitalmahjong ways 2 menampilkan hubungan antara efek suara dan perubahan animasi selama permainanpenggunaan teknologi kompresi aset membantu game mobile mengurangi beban penyimpanan perangkatkasino online dan peran teknologi browser dalam menjaga kelancaran akses digitaldi balik sistem kasino digital ada proses sinkronisasi data yang jarang dibahasketika kasino online menghadapi tantangan keamanan pada perangkat selulermemahami pengaruh latensi jaringan terhadap respons layanan kasino digitalkasino digital dan fenomena penggunaan informasi pribadi dalam ekosistem internetmenelusuri cara sistem kasino online menangani gangguan koneksi mendadakkasino online dan pentingnya mengenali risiko ekstensi browser yang tidak terpercayaketika pembaruan sistem mengubah tampilan dan navigasi kasino digitalkasino digital dalam pembahasan tentang keamanan penyimpanan data penggunamemahami hubungan antara kasino online dan perkembangan teknologi deteksi aktivitas tidak wajar