MaterialDrawn
Basic Completed Theme
Панель администратора на базе Materialize CSS.
Material Drawn — это бесплатная администрация Materialize со свежим дизайном, вдохновленным темой Google Material Design и Pixinvent. Мы очень рады представить наши концепции материалов через простой в использовании и красивый набор компонентов. Material Drawn был создан на основе популярной платформы Materialize и поставляется с парой сторонних плагинов (amcharts, datatables), переработанных для соответствия остальным элементам.
Панель инструментов Material поставляется с 6 вариантами цветовых тем для любого компонента в качестве фона.
с фоновым изображением на боковой панели для каждого цвета. Вы также можете создать собственный цвет темы, просто подготовьте свой цвет, его более светлый оттенок и соответствующее ему изображение. Мы очень рады поделиться с вами этой информационной панелью и с нетерпением ждем ваших отзывов!
Чтобы добавить свой собственный цвет темы или оставить отзыв, напишите мне по адресу [email protected].
Вы можете найти репозиторий Github для Material Drawn здесь.
CSS-файлы папки распространения
все CSS-файлы дистрибутива фреймворка находятся в:
dist/theme.min.css
CSS индексной страницы находится в:
dist/Style.css
Для пользовательского CSS, написанного jquery для изменения темы
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
CSS страницы входа находится в:
dist/LoginStyle.css
CSS страницы регистрации находится здесь:
dist/RegisterStyle.css
JS-файлы, в которых находятся все дистрибутивы JS фреймворка:
dist/app.min.js
dist/app2.min.js
dist/app3.min.js
мой плагин js с переключателем тем и вся инициализация для index.html находится в:
dist/myplugin.js
мой плагин js с переключателем тем и вся инициализация index.html находится в:
dist/loginplugin.js
Установка CSS для индексной страницы
<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 для страницы входа в систему
<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 для страницы регистрации
<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 для индексной страницы
<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 для страницы входа в систему
<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 для страницы регистрации
<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>
После завершения процедуры установки откройте index.html в своем браузере для демонстрационной панели управления, обновите его и наслаждайтесь его использованием.
базовая демо-версия Material Drawn.
Вскоре
Уведомление
Добавлены новые функции, такие как профиль (хронология и настройки), общение и многие другие. Пока я не завершу все компоненты, вы можете писать компоненты напрямую из Materialize.css. Пожалуйста, поддержите мою работу, поставьте отметку и посмотрите мой репозиторий, а также следите за мной на github, чтобы быть в курсе всех предстоящих обновлений в MaterialDrawn и других будущих проектах.
