Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67536 Members, 783 Products, 5294 Topic, 12957 Comments)

Admin responsive swarakalibata V.3.x (ISeng-ISeng)

Dibuat
Login Terakhir 1 Tahun lalu,
Telah Dilihat 2548 Kali
Wawan kurnawan Mengatakan : Sultan Account
  1. Hanya ingin berbagi....
  2. Sebenarnya admin swarakalibata V.3.x sudah responsive hanya pada bagian kanannya saja dan tidak pada bagian menunya, jadi hanya tinggal menambahkan sedikit script maka akan jadi responsive. cukup rubah pada file media. php di folder admin rekan-rekan.
  3.  
  4. 1. lebih baik <aside id="sidebar"> dirubah menjadi <div id="sidebar"> dan sudah pasti penutup </aside> menjadi </div>
  5. 2. Dan tambahkan script berikut sebelum </body>
  6. [removed]
  7. $(document).ready(function(){
  8. $("#sidebar").hide();
  9. });
  10. [removed]
  11. [removed]
  12. var menuEnabled = false;
  13. $("#wawan").click(function() {
  14. if (menuEnabled) {
  15. $("#sidebar").toggle( "slow" );
  16. $("#main").css("margin-left", "0px");
  17. menuEnabled = false;
  18. } else {
  19. $("#sidebar").toggle( "slow" );
  20. $("#main").css("margin-left", "261px");
  21. menuEnabled = true;
  22. }
  23. });
  24. [removed]
  25. 3. DIsini saya pakai span id=wawan untuk fungsi klik, (itu mah custom sesuai selera aja dan penempatannya pun terserah rekan-rekan. selain itu background body juga custom) jadi tinggal edit aja di zalstyle.css. sehingga saya tambahkan #wawan di zalstyle.css. (saya samakan dengan css tombol home (#bc-home) hanya imagenya saja yang saya ganti.)
  26.  
  27. #wawan {
  28. background-image: url("../img/icons/misc/sohid.png");
  29. background-position: 0 5px;
  30. display: block;
  31. height: 32px;
  32. width: 32px
  33. }
  34.  
  35. 4. Untuk peletakan tombol juga terserah rekan-rekan sesuai selera masing2 aja, untuk saya diletakkan aja di samping tombol menu :
  36.  
  37. <ul id="breadcrumbs">
  38. <li><a title="Menu"><span id="wawan"></span></a></li> /...............*Tombol Menu*................./
  39.  
  40. <li><a href="?module=home" title="Beranda"><span id="bc-home"></span></a></li>
  41. <li class="no-hover">Selamat Datang di Halaman Administrator. </li>
  42. </ul>
  43.  
  44. 5. sekalian jangan lupa mengubah lebar textarea pada masing-masing modul (Untuk saya rubah width textarea menjadi 80%)
  45.  
  46. 6. Ketinggalan ganti margin-left di zalstyle.css menjadi 0px
  47. #container>#main {
  48. margin-left: 0px;
  49. }
  50.  
  51. sekedar berbagi dan ini masih kasar dan mohon sarannya......
  52. Hasilnya bisa di lihat digambar
  53.  
  54.  
Ada 1 File Kiriman :
1. respon_admin.jpg (918 KB)

Ada 6 Jawaban

Wawan kurnawan
commented on 16 Jun 2016 02:30:53
  1. adanya sensornya yaa...
  2. '[removed]' itu '[removed]'
Wawan kurnawan
commented on 16 Jun 2016 02:32:56
  1. [removed] itu script dalam kurung ........ bingung.... hadeh.... :)
Mufarrihul Hazin
commented on 20 Jun 2016 18:25:00
  1. ms Wawan kurnawan minta minta hasil codingnya modifikasi atas donk q nyoba gak berhasil, maklum blm bisa ngecoding
Kurniawan aghil
commented on 09 Jul 2016 19:10:52
  1. Mas Wawan, Bisa Di Share Script Rubahannya ? :)
Yakobus sutejo
commented on 11 Jul 2016 08:44:31
  1. waduh....
  2. Tidak berhasil nih mas wawan
Yakobus sutejo
commented on 17 Jul 2016 19:55:58
  1. Selamat malam teman teman
  2. Apakah sudah ada yang berhasil?
  3. Saya masih belum bisa...
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!