MaterialDrawn
Basic Completed Theme
Un panel de administración basado en el marco CSS de Materialise
Material Drawn es un administrador de Materialize gratuito con un diseño nuevo inspirado en el tema Material Design y Pixinvent de Google. Estamos muy emocionados de presentar nuestros conceptos de materiales a través de un hermoso conjunto de componentes fáciles de usar. Material Drawn se creó sobre el popular marco materialize y viene con un par de complementos de terceros (amcharts, datatables) rediseñados para encajar con el resto de los elementos.
Material Dashboard viene con 6 opciones de tema de color para cualquier componente como fondo
con una imagen de fondo en la barra lateral para cada color. También puedes crear tu propio color de tema, solo prepárate con tu color junto con su tono más claro y una imagen que combine con él. ¡Estamos muy emocionados de compartir este panel con usted y esperamos escuchar sus comentarios!
Para agregar el color de su tema personalizado o cualquier otro comentario, envíeme un correo electrónico [email protected].
Puede encontrar el repositorio de Github para Material Drawn aquí.
Archivos CSS de carpeta de distribución
Todos los CSS de distribución del marco están en:
dist/theme.min.css
La página de índice CSS está en:
dist/Style.css
Para el CSS personalizado escrito por jquery para cambiar el tema
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
La página de inicio de sesión CSS está en:
dist/LoginStyle.css
la página de registro css está en:
dist/RegisterStyle.css
Los archivos JS en los que se encuentra toda la distribución del marco JS son:
dist/app.min.js
dist/app2.min.js
dist/app3.min.js
mi complemento js con cambiador de tema y todo el inicio para index.html está en:
dist/myplugin.js
mi complemento js con cambiador de tema y todo el inicio para index.html está en:
dist/loginplugin.js
Instalación de CSS para la página de índice
<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>
Instalación de CSS para la página de inicio de sesión
<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>
Instalación de CSS para la página de registro
<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>
Instalación de JS para la página de índice
<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>
Instalación de JS para la página de inicio de sesión
<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>
Instalación de JS para la página de registro
<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>
Después de completar el procedimiento de instalación, abra index.html en su navegador para acceder al panel de demostración, actualícelo y diviértase usándolo.
Demostración básica de Material Drawn.
Muy pronto
Aviso
Se agregaron nuevas funciones como Perfil (cronología y configuración), Chat y muchas más. Hasta que complete todos los componentes, puede escribir componentes directamente desde Materialize.css. Apoye mi trabajo, destaque y mire mi repositorio y sígame en github para conocer todas las próximas actualizaciones en MaterialDrawn y otros proyectos futuros.
