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 !!!