MaterialDrawn

Selamat datang di Materi yang Digambar!

Dasbor admin berbasis kerangka kerja CSS Terwujud

Material Drawn adalah Materialize Admin gratis dengan desain segar yang terinspirasi oleh Desain Material Google dan tema Pixinvent. Kami sangat bersemangat untuk memperkenalkan konsep material kami melalui serangkaian komponen yang mudah digunakan dan indah. Material Drawn dibangun di atas kerangka materialize yang populer dan dilengkapi dengan beberapa plugin pihak ketiga (amcharts, datatables) yang didesain ulang agar sesuai dengan elemen lainnya.

Material Dashboard hadir dengan 6 pilihan tema warna untuk setiap komponen sebagai background

1. lavendel
2. hijau hutan
3. biru tengah malam
4. teal
5. darah
6. gadis

dengan gambar latar belakang di sidebar untuk setiap warna. Anda juga dapat membuat warna tema Anda sendiri, siapkan warna Anda beserta warna yang lebih terang dan gambar yang cocok. Kami sangat bersemangat untuk berbagi dasbor ini dengan Anda dan kami menantikan tanggapan Anda!

Untuk menambahkan warna tema khusus Anda atau umpan balik lainnya, kirimkan email kepada saya [email protected].

Anda dapat menemukan Repo Github untuk Material Drawn di sini.

File

File CSS Folder Distribusi

semua css distribusi kerangka ada di:

 dist/theme.min.css

halaman indeks css ada di:

 dist/Style.css

Untuk custom css ditulis oleh jquery untuk perubahan tema

 <style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

halaman login css ada di:

 dist/LoginStyle.css

halaman pendaftaran css ada di:

 dist/RegisterStyle.css

File JS semua kerangka distribusi JS ada di:

 dist/app.min.js
dist/app2.min.js
dist/app3.min.js

plugin saya js dengan pengubah tema dan semua init untuk index.html ada di:

 dist/myplugin.js

plugin saya js dengan pengubah tema dan semua init untuk index.html ada di:

 dist/loginplugin.js

Instalasi

Instalasi CSS untuk halaman indeks

 <link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/Style.css">
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

Instalasi CSS untuk halaman Login

 <link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/LoginStyle.css">
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

Instalasi CSS untuk halaman Daftar

 <link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/RegisterStyle.css">
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

Instalasi JS untuk halaman indeks

 <script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/myplugin.js"></script>

Instalasi JS untuk halaman Login

 <script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/LoginStyle.css"></script>

Instalasi JS untuk halaman Daftar

 <script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/registerplugin.js"></script>

Setelah menyelesaikan prosedur instalasi, buka index.html di browser Anda untuk dasbor demo, perbarui dan bersenang-senang menggunakannya.

demo dasar Material Drawn.

Segera hadir

• Komponen UI
• komponen JS
• Beberapa komponen khusus yang direkomendasikan oleh penggemar saya

Melihat

Fitur baru ditambahkan seperti Profil (garis waktu dan pengaturan), Obrolan, dan banyak lagi. Sampai saya menyelesaikan semua komponen Anda bisa langsung menulis komponen dari Materialize.css. Tolong dukung pekerjaan saya, bintangi dan tonton repo saya dan ikuti saya di github untuk semua pembaruan mendatang di MaterialDrawn dan proyek masa depan lainnya.