MaterialDrawn
Basic Completed Theme
Ein auf dem Materialise CSS-Framework basierendes Admin-Dashboard
Material Drawn ist ein kostenloser Materialise Admin mit einem frischen Design, das von Googles Material Design und dem Pixinvent-Theme inspiriert ist. Wir freuen uns sehr, Ihnen unsere Materialkonzepte anhand eines benutzerfreundlichen und schönen Komponentensatzes vorstellen zu können. Material Drawn basiert auf dem beliebten Materialise-Framework und wird mit einigen Plugins von Drittanbietern (Amcharts, Datatables) geliefert, die neu gestaltet wurden, um zu den übrigen Elementen zu passen.
Das Material Dashboard bietet 6 Farbthemen zur Auswahl für jede Komponente als Hintergrund
mit einem Hintergrundbild in der Seitenleiste für jede Farbe. Sie können auch eine eigene Themenfarbe erstellen. Halten Sie einfach Ihre Farbe zusammen mit ihrem helleren Farbton und einem dazu passenden Bild bereit. Wir freuen uns sehr, dieses Dashboard mit Ihnen zu teilen und freuen uns auf Ihr Feedback!
Für das Hinzufügen Ihrer benutzerdefinierten Designfarbe oder sonstiges Feedback senden Sie mir eine E-Mail an [email protected].
Das Github-Repo für gezeichnetes Material finden Sie hier.
CSS-Dateien für den Verteilungsordner
Alle Framework-Distributions-CSS befinden sich in:
dist/theme.min.css
Indexseiten-CSS befindet sich in:
dist/Style.css
Für das benutzerdefinierte CSS, das von jquery zum Ändern des Themes geschrieben wurde
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
Das CSS der Anmeldeseite befindet sich in:
dist/LoginStyle.css
Das CSS der Registrierungsseite befindet sich in:
dist/RegisterStyle.css
JS-Dateien, in denen sich alle JS-Framework-Distributionen befinden:
dist/app.min.js
dist/app2.min.js
dist/app3.min.js
Mein Plugin js mit Theme Changer und allen Init für index.html ist in:
dist/myplugin.js
Mein Plugin js mit Theme Changer und allen Init für index.html ist in:
dist/loginplugin.js
CSS-Installation für Indexseite
<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>
CSS-Installation für die Anmeldeseite
<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>
CSS-Installation für die Registrierungsseite
<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>
JS-Installation für Indexseite
<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>
JS-Installation für die Anmeldeseite
<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>
JS-Installation für die Registrierungsseite
<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>
Öffnen Sie nach Abschluss des Installationsvorgangs die Datei index.html in Ihrem Browser für das Demo-Dashboard, aktualisieren Sie es und haben Sie Spaß daran, es zu verwenden.
Grundlegende Demo von Material Drawn.
Demnächst verfügbar
Beachten
Neue Funktionen wie Profil (Zeitleiste und Einstellungen), Chat und viele mehr hinzugefügt. Bis ich alle Komponenten fertiggestellt habe, können Sie Komponenten direkt aus Materialise.css schreiben. Bitte unterstützen Sie meine Arbeit, markieren und schauen Sie sich mein Repo an und folgen Sie mir auf Github für alle bevorstehenden Updates in MaterialDrawn und anderen zukünftigen Projekten.
