Masino Sinaga

A Web Developer Who Helps Web Developers

Anda di sini: Beranda / PHPMaker / Beberapa Opsi ThemeColor untuk Warna Header dan Sidebar di PHPMaker 2019
Opsi SubHeader Fixed di Aplikasi Web yang Dihasilkan oleh PHPMaker 2019
Good Bye, AdminLTE 3; Welcome, Beautiful Template!

Beberapa Opsi ThemeColor untuk Warna Header dan Sidebar di PHPMaker 2019

Kam, 30 Mei 2019 oleh Masino Sinaga 7 Komentar

Aplikasi Web yang dihasilkan oleh PHPMaker 2019 dan Masino Extensions selama ini hanya menggunakan warna Aside (Sidebar) yang gelap (Navy) dan warna Header yang terang (Light). Jika ingin mengubah warna Sidebar dan Header tersebut, maka harus mengubah file yang sudah di-generate oleh PHPMaker.

Tentu saja hal ini sangat tidak disarankan. Lalu bagaimana cara kita mengubah warna Header dan Sidebar tersebut? Jangan khawatir, karena mulai hari Kamis, 30 Mei 2019, Anda sudah dapat memilih salah satu dari beberapa pilihan (opsi) yang tersedia.

Ada satu pengaturan pilihan baru yang saya tambahkan pada Masino Extensions untuk mengubah warna tema Aplikasi Web yang dihasilkan oleh PHPMaker 2019 dan PHP Report Maker 12, yaitu: ThemeColor. Warna tema yang bisa diganti hanya Header dan Sidebar.

Pengaturan ini bisa Anda lihat masing-masing dari Extension MasinoHeaderFooter15 untuk PHPMaker 2019 dan MasinoRptHeaderFooter12 untuk PHP Report Maker 12.

Pilihan ini memiliki lima 10 12 (Sepuluh Dua belas) opsi yang bisa Anda pilih sebelum men-generate ulang semua file script. Artinya, pilihan ini hanya bisa diubah sebelum Anda membangkitkan ulang semua file script.

  1. NavyAside

    Pilihan ini merupakan pilihan Default. Warna Sidebar (Aside) adalah gelap (Navy), sedangkan warna Header adalah putih (Light). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent.

  2. BrandAside

    Warna Sidebar (Aside) adalah biru terang (Brand), sedangkan warna Header adalah putih (Light). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent.

  3. NavyHeader

    Warna Sidebar (Aside) adalah putih (Light), sedangkan warna Header adalah gelap (Navy). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent.

  4. BrandHeader

    Warna Sidebar (Aside) adalah putih (Light), sedangkan warna Header adalah biru terang (Brand). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent.

  5. LightAside

    Warna Sidebar (Aside) dan warna Header adalah adalah putih (Light). Jika Anda menggunakan pilihan ini, maka pastikan Logo yang ditampilkan tidak menggunakan huruf warna putih, karena latar belakang Header adalah putih.

  6. NavyAll

    Warna Sidebar (Aside) dan Header adalah gelap (Navy). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

  7. BrandAll

    Warna Sidebar (Aside) dan Header adalah biru terang (Brand). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

  8. LightAll

    Warna Sidebar (Aside) dan Header adalah putih (Light). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

  9. BrandHeaderNavyAside

    Warna Header mulai dari kiri atas sampai paling kanan atas adalah biru terang (Brand), sedangkan Sidebar (Aside) di bawah Header berwarna gelap (Navy). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

  10. NavyHeaderBrandAside

    Warna Header mulai dari kiri atas sampai paling kanan atas adalah gelap (Navy), sedangkan Sidebar (Aside) di bawah Header berwarna biru terang (Brand). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

  11. BrandAsideNavyHeader

    Warna Sidebar (Aside) mulai dari kiri atas sampai paling kiri bawah adalah biru terang (Brand), sedangkan Header mulai dari sebelah kanan paling atas Sidebar sampai paling kanan Header berwarna gelap (Navy). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

  12. NavyAsideBrandHeader

    Warna Sidebar (Aside) mulai dari kiri atas sampai paling kiri bawah adalah gelap (Navy), sedangkan Header mulai dari sebelah kanan paling atas Sidebar sampai paling kanan Header berwarna biru terang (Brand). Pilihan ini cocok jika Anda menggunakan logo yang background-nya transparent dan warna huruf atau logo adalah gelap.

Tentu saja dari kelima kesepuluh kedua belas opsi tersebut, mungkin tidak ada yang memenuhi kebutuhan Anda 100%. Tapi paling tidak, dari kelima kesepuluh opsi tersebut, sedikitnya ada satu opsi yang mendekati kebutuhan Anda.

Selain opsi ThemeColor, masih ada satu opsi terkait lainnya untuk mengganti warna Sub Menu Dropdown yang bernama SubMenuHeaderColor. Opsi ini berfungsi untuk mengganti warna Sub Menu yang akan ditampilkan ketika Item Menu yang berada di Navbar (Header) memiliki Sub Menu diklik. Tersedia tiga nilai pada opsi ini, yaitu: light, dark, dan brand.

Masukan dan saran untuk opsi warna lainnya tentu saja bisa Anda sampaikan di kolom Komentar di bawah artikel ini. Saya akan mencoba menyediakan opsi lainnya berdasarkan masukan dan saran yang masuk.

Jika Anda sudah menjadi member di situs ILovePHPMaker.com, silahkan login ke situs tersebut, lalu download ulang semua Masino Extensions masing-masing untuk PHPMaker 2019 dan PHP Report Maker 12. Setelah itu, timpa file Extension yang lama dengan versi yang terbaru ini.

Pastikan juga Anda sudah menggunakan versi minor terakhir dari PHPMaker 2019 dan PHP Report Maker 12, agar selalu mendapatkan keuntungan dari Masino Extensions yang selalu dimutahirkan untuk versi terakhir. Perlu diketahui, Masino Extensions selalu diperbarui sehingga selalu menggunakan PHPMaker dan PHP Report Maker versi terakhir.

Ditempatkan di bawah: PHPMaker Ditag dengan:Beautiful Template, Belajar PHPMaker, PHPMaker 2019, PHPMaker Indonesia, Theme Color, Tutorial PHPMaker

Opsi SubHeader Fixed di Aplikasi Web yang Dihasilkan oleh PHPMaker 2019
Good Bye, AdminLTE 3; Welcome, Beautiful Template!

Komentar

  1. john mengatakan

    Jum, 31 Mei 2019 pada 8:25 am

    mantap pa sukses slalu

    Reply
    • Masino Sinaga mengatakan

      Jum, 31 Mei 2019 pada 9:04 am

      Terima kasih. Sudah dicoba, bagaimana rasanya? Hehehe… 😀

      Reply
      • john mengatakan

        Sab, 1 Juni 2019 pada 1:52 pm

        sdh dicoba, bagus pa mantap…

        Reply
        • Masino Sinaga mengatakan

          Ming, 2 Juni 2019 pada 12:54 pm

          Siiip. O iya, saya tambahkan 5 opsi baru lagi, jadi sekarang semuanya ada 10 opsi. Silahkan dicoba lagi.

          Reply
          • john mengatakan

            Sel, 4 Juni 2019 pada 8:21 am

            wow ragam pilhannya semakin menarik pa

            Reply
            • Masino Sinaga mengatakan

              Sel, 4 Juni 2019 pada 9:26 am

              Hehe, iya nih, supaya lebih variatif aplikasi web yang dihasilkannya. Termasuk juga settingan baru yang bernama SubMenuHeaderColor. Sudah dicoba juga? 🙂

              Reply
              • john mengatakan

                Rab, 5 Juni 2019 pada 7:48 am

                Sudah di coba jg mantap pa. Rekomendasi untuk yg blm menggunakan silahkan di coba….sangat membantu Extensionnya

                Reply

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses

Pos-pos Terbaru

  • Alasan 21 Harus Pakai Masino Extensions: Form Wizard dengan jQuery SmartWizard v7
  • Alasan 20 Harus Pakai Masino Extensions: Maximum Record per Page
  • Alasan 19 Harus Pakai Masino Extensions: Custom Breadcrumb Links
  • Alasan 18 Harus Pakai Masino Extensions: Improvement User Level Permissions
  • Alasan 17 Harus Pakai Masino Extensions: Dynamic Permission for Export Data

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Alasan 21 Harus Pakai Masino Extensions: Form Wizard dengan jQuery SmartWizard v7 pada Alasan 10 Harus Pakai Masino Extensions: Form Wizard
  • Masino Sinaga pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025
  • Masino Sinaga pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025
  • Charly pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025
  • Charly pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025

(c) Masino Sinaga 2009 - 2026 | WordPress | Catat masuk | Kembali ke atas