MaterialDrawn
Basic Completed Theme
Un tableau de bord d'administration basé sur le framework Materialise CSS
Material Drawn est un administrateur Materialise gratuit avec un nouveau design inspiré du thème Material Design et Pixinvent de Google. Nous sommes très heureux de présenter nos concepts de matériaux à travers un ensemble de composants faciles à utiliser et magnifiques. Material Drawn a été construit sur le framework Materialise populaire et est livré avec quelques plugins tiers (amcharts, datatables) repensés pour s'adapter au reste des éléments.
Material Dashboard est livré avec 6 choix de thèmes de couleurs pour n'importe quel composant en arrière-plan
avec une image d'arrière-plan sur la barre latérale pour chaque couleur. Vous pouvez également créer votre propre couleur de thème, soyez simplement prêt avec votre couleur avec sa teinte plus claire et une image qui lui correspond. Nous sommes très heureux de partager ce tableau de bord avec vous et nous attendons avec impatience vos commentaires !
Pour ajouter la couleur de votre thème personnalisé ou tout autre commentaire, envoyez-moi un e-mail à [email protected].
Vous pouvez trouver le dépôt Github pour Material Drawn ici.
Fichiers CSS du dossier de distribution
tous les CSS de distribution de framework sont dans :
dist/theme.min.css
La page d'index CSS se trouve dans :
dist/Style.css
Pour le CSS personnalisé écrit par jquery pour le changement de thème
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
la page de connexion CSS se trouve dans :
dist/LoginStyle.css
la page d'inscription CSS se trouve dans :
dist/RegisterStyle.css
Fichiers JS dans lesquels se trouvent toutes les distributions de framework JS :
dist/app.min.js
dist/app2.min.js
dist/app3.min.js
mon plugin js avec changeur de thème et tout l'initialisation pour index.html est dans :
dist/myplugin.js
mon plugin js avec changeur de thème et tout l'initialisation pour index.html est dans :
dist/loginplugin.js
Installation CSS pour la page d'index
<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>
Installation CSS pour la page de connexion
<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>
Installation CSS pour la page d'inscription
<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>
Installation JS pour la page d'index
<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>
Installation JS pour la page de connexion
<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>
Installation JS pour la page d'inscription
<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>
Après avoir terminé la procédure d'installation, ouvrez le fichier index.html dans votre navigateur pour le tableau de bord de démonstration, mettez-le à jour et amusez-vous à l'utiliser.
démo de base de Material Drawn.
À venir
Avis
Nouvelles fonctionnalités ajoutées telles que le profil (chronologie et paramètres), le chat et bien d'autres. Jusqu'à ce que j'aie terminé tous les composants, vous pouvez écrire directement des composants à partir de Materialize.css. Veuillez soutenir mon travail, mettre en vedette et regarder mon dépôt et suivez-moi sur github pour toutes les mises à jour à venir dans MaterialDrawn et d'autres projets futurs.
