Haloo! Selamat Datang di Komunitas Private Training Web Development (61065 Members, 691 Products, 4733 Topic, 12262 Comments)

Butuh karyawan baru? atau seorang Web Developer (Part-time/Freelance/Full-time), cari disini : Members Area Jobs!

Nicepage Template Untuk Swarakalibata 8 (CI 3)

Dibuat
Login Terakhir 5 Hari lalu,
Telah Dilihat 405 Kali
diaul khaer Mengatakan : Premium
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. saya berencana menambah tampilan dari Nicepage Template Untuk Swarakalibata 8 (CI 3).
  3. cara membuat tampilan halaman full seperti di bagian "teams" bagaimana ya bang ?
  4. karena kalau saya buat view baru, bagian search, agenda sama pengumuman selalu ikut di sebelah kanan seperti di lampiran foto 1.png. harapan saya bisa seperti di lampiran foto 2.png
Ada 1 File Kiriman :
1. 134.png (92 KB)

Ada 6 Jawaban

mas noor hadi
commented on 13 Jan 2021 12:02:12
Salah satu jawaban terbaik,..
  1. untuk membuat halaman fullwidth pada template nicepage :
  2.  
  3. buka file application/views/nicepage/tempalate.php
  4.  
  5. pada baris ke - 57 : tambahkan saja nama route nya.
  6.  
  7. switch ($this->uri->segment(1)) {
  8. case 'nama_route_untnuk_fullwidith':
  9. case 'potensi_umum':
  10. case 'teams':
  11. case 'portfolio':
  12. $main_file = "front-width.php";
  13. break;
  14.  
  15. default:
  16. // kode kode lainnya
  17.  
  18. break;
  19. }
  20.  
  21. demikian, pak.
mas noor hadi
commented on 13 Jan 2021 12:03:20
Salah satu jawaban terbaik,..
  1. untuk template full width nya akan ikut $main_file = "front-width.php";
  2.  
  3. terimakasih. semoga membantu
diaul khaer
commented on 13 Jan 2021 12:08:05
  1. Assalamualaikum,.. terima kasih banyak bang, sangat membantu
diaul khaer
commented on 25 Feb 2021 22:15:36
  1. Assalamualaikum,.. saya masih punya kendala di masalah tampilan menu. Kalau dibuka lewat hp sub menu otomatis terbuka. Bagaimana caranya supaya sub menu hanya terbuka setelah menu utama di klik ?
Terdapat 1 File dilampirkan :
1. Screenshot_20210225-231034_Chrome.jpg (345 KB)
mas noor hadi
commented on 26 Feb 2021 10:31:39
Salah satu jawaban terbaik,..
  1. Assalamualaikum,.. pak Diaul Khaer
  2.  
  3. untuk mengubah submenu hanya terbuka saat menu utama di klik sbb:
  4. 1. pada file template/nicepage/css/nav-responsive.css tambahkan style :
  5.  
  6. .responsive-menu .menu-content ul.sidemenu ul.sub-menu {
  7. display: none;
  8. }
  9.  
  10. // style ini untuk menyembunyikan dulu sub sub menu .
  11.  
  12. 2. pada file template/nicepage/js/main.js tambahkan script js sbb :
  13.  
  14. // kode ini diletakkan dibawah block
  15. $(window).scroll(function() {
  16. .......
  17. });
  18.  
  19.  
  20. // side menu responsive (kode yang di tambahkan)
  21. $(document).on('click','#responsive-menu ul.sidemenu li a',function(e){
  22.  
  23. var currentMenu = $(this).closest('li');
  24. if($( currentMenu ).find('ul.sub-menu').first()){
  25. var subMenu = $( currentMenu ).find('ul.sub-menu').first();
  26. if( subMenu.css('display') === 'none') {
  27. subMenu.first().fadeIn();
  28. } else {
  29. subMenu.first().fadeOut();
  30. }
  31. }
  32. });
  33. //
  34.  
  35. cara kerja nya:
  36. -pertamakali css akan menghidden sub menu.
  37. -ketika parent menu di klik maka akan menjalankan script js untuk membuka menunya (display)
  38.  
  39. demikain semoga membantu
  40. terimakasih
diaul khaer
commented on 26 Feb 2021 15:20:58
Salah satu jawaban terbaik,..
  1. Assalamualaikum,.. alhamdulillah sudah bisa, terima kasih bang
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!