MaterialDrawn

그려진 재료에 오신 것을 환영합니다!

Materialise CSS 프레임워크 기반 관리 대시보드

Material Draw는 Google의 Material Design 및 Pixinvent 테마에서 영감을 받은 새로운 디자인을 갖춘 무료 Materialise Admin입니다. 우리는 사용하기 쉽고 아름다운 구성 요소 세트를 통해 우리의 재료 개념을 소개하게 되어 매우 기쁩니다. Material Draw는 널리 사용되는 구체화 프레임워크를 기반으로 구축되었으며 나머지 요소에 맞게 재설계된 몇 가지 타사 플러그인(amcharts, datatables)과 함께 제공됩니다.

Material Dashboard에는 모든 구성 요소에 대해 배경으로 선택할 수 있는 6가지 색상 테마가 제공됩니다.

1. 라벤더
2. 포레스트그린
3. 미드나잇블루
4. 물오리
5. 피
6. 소녀

각 색상의 사이드바에 배경 이미지가 있습니다. 자신만의 테마 색상을 만들 수도 있습니다. 밝은 색상과 어울리는 이미지와 함께 색상을 준비하세요. 이 대시보드를 귀하와 공유하게 되어 매우 기쁩니다. 귀하의 피드백을 기다리겠습니다!

사용자 정의 테마 색상을 추가하거나 기타 의견이 있으면 [email protected]으로 메일을 보내주세요.

여기에서 그려진 자료에 대한 Github Repo를 찾을 수 있습니다.

파일

배포 폴더 CSS 파일

모든 프레임워크 배포 CSS는 다음 위치에 있습니다.

 dist/theme.min.css

색인 페이지 CSS는 다음 위치에 있습니다.

 dist/Style.css

테마 변경을 위해 jquery가 작성한 사용자 정의 CSS의 경우

 <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 Draw의 기본 데모.

출시 예정

• UI 구성요소
• JS 구성 요소
• 내 팬들이 추천하는 몇 가지 맞춤 구성 요소

알아채다

프로필(타임라인 및 설정), 채팅 등의 새로운 기능이 추가되었습니다. 모든 구성요소를 완료할 때까지 Materialize.css에서 구성요소를 직접 작성할 수 있습니다. 내 작업을 지원하고, 별표를 표시하고 내 레포를 시청하고, MaterialDrawn 및 기타 향후 프로젝트의 모든 향후 업데이트를 보려면 github에서 나를 팔로우하세요.