الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

مرحبا بكم في المواد المرسومة!

لوحة تحكم إدارية تعتمد على إطار عمل Materialize CSS

Material Drawn هو تطبيق Materialize Admin مجاني بتصميم جديد مستوحى من تصميم المواد من Google وموضوع Pixinvent. نحن متحمسون جدًا لتقديم مفاهيمنا المادية من خلال مجموعة جميلة وسهلة الاستخدام من المكونات. تم إنشاء Material Drawn على إطار عمل التجسيد الشائع ويأتي مزودًا ببعض المكونات الإضافية التابعة لجهات خارجية (amcharts وdatatables) التي تم إعادة تصميمها لتتناسب مع بقية العناصر.

تأتي لوحة معلومات المواد مع 6 خيارات لموضوعات الألوان لأي مكون كخلفية

  1. الخزامى
  2. com.forestgreen
  3. midnightblue
  4. البط البري
  5. دم
  6. بنت

مع صورة خلفية على الشريط الجانبي لكل لون. يمكنك أيضًا إنشاء لون سمة خاص بك، فقط كن جاهزًا باللون الخاص بك بالإضافة إلى ظله الأفتح والصورة المطابقة له. نحن متحمسون جدًا لمشاركة لوحة المعلومات هذه معك ونتطلع إلى سماع تعليقاتك!

لإضافة لون المظهر المخصص الخاص بك أو أي تعليقات أخرى أرسل لي [email protected].

يمكنك العثور على Github Repo للمواد المرسومة هنا.

ملفات

ملفات مجلد التوزيع 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 الخاص بي مع مغير السمات وكل init لـ Index.html موجود في: 

 dist/myplugin.js

المكون الإضافي js الخاص بي مع مغير السمات وكل init لـ 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 في متصفحك للحصول على لوحة المعلومات التجريبية، وقم بتحديثه واستمتع باستخدامه.

العرض التوضيحي الأساسي للمواد المرسومة.

قريباً

  • مكونات واجهة المستخدم
  • مكونات JS
  • بعض المكونات المخصصة التي أوصى بها المعجبون

يلاحظ

تمت إضافة ميزات جديدة مثل الملف الشخصي (الجدول الزمني والإعدادات) والدردشة وغيرها الكثير. حتى أكمل جميع المكونات، يمكنك كتابة المكونات مباشرة من Materialize.css. يرجى دعم عملي وتمييزه بنجمة ومشاهدة الريبو الخاص بي ومتابعتي على github للاطلاع على جميع التحديثات القادمة في MaterialDrawn والمشاريع المستقبلية الأخرى.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل