MaterialDrawn

マテリアル ドローイングへようこそ!

Materialise CSS フレームワークベースの管理ダッシュボード

Material Drawn は、 Google のマテリアル デザインと Pixinvent テーマからインスピレーションを得た新鮮なデザインを備えた無料の Materialize Admin です。私たちは、使いやすく美しいコンポーネントのセットを通じて当社のマテリアルコンセプトを紹介できることを非常に楽しみにしています。 Material Drawn は、人気のあるマテリアライズ フレームワーク上に構築されており、残りの要素に適合するように再設計されたいくつかのサードパーティ プラグイン (amcharts、datatables) が付属しています。

マテリアル ダッシュボードには、任意のコンポーネントの背景として 6 色のテーマの選択肢が付属しています

1. ラベンダー
2. 森林緑
3. ミッドナイトブルー
4. ティール
5. 血
6. 女の子

各色のサイドバーに背景画像が表示されます。独自のテーマカラーを作成することもできます。自分の色とその明るい色合い、それに一致する画像を用意してください。このダッシュボードを皆様と共有できることを大変うれしく思っており、皆様からのフィードバックをお待ちしております。

カスタム テーマ カラーの追加やその他のフィードバックについては、[email protected] にメールしてください。

ここで、マテリアル描画の Github リポジトリを見つけることができます。

ファイル

配布フォルダの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

テーマチェンジャーとindex.htmlのすべての初期化を備えた私のプラグインjsは次のとおりです。

 dist/myplugin.js

テーマチェンジャーとindex.htmlのすべての初期化を備えた私のプラグインjsは次のとおりです。

 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を開いてデモダッシュボードを表示し、更新して楽しんでください。

マテリアル ドローイングの基本的なデモ。

近日公開

• UIコンポーネント
• JSコンポーネント
• ファンが推奨するカスタム コンポーネントがいくつかあります

知らせ

プロフィール (タイムラインと設定) 、チャットなどの新機能が追加されました。すべてのコンポーネントが完了するまでは、Materialize.css からコンポーネントを直接作成できます。私の仕事をサポートし、スターを付けてリポジトリを見て、マテリアルドローンやその他の将来のプロジェクトの今後のすべての更新について github で私をフォローしてください。