پروژه های دیگر از این گروه

قالب واقع گرای دشبورد پنل ادمین، طراحی شده بر اساس بوت استرپ

پروژه شامل فایل های قالب دشبورد پنل ادمین بر پایه بوت استرپ می باشد. نام قالب "دیالوگ" و ویژگی بی نظیر آن شخصی سازی، کلید میانبر، درگ اند دراپ و ... می باشد.

قالب واقع گرای دیالوگ، مخصوص دشبورد ادمین - نسخه 1.1


قیمت:

 

پروژه های دیگر از این گروه

 

این قالب را با ریزه کاری هایش بشناسید چون سعی کرده ایم تمام نکاتی که در طول هفت سال تجربه با آن آشنا شده ایم را رعایت کنیم. هر چند یک قالب نمی‌تواند بی نقص باشد اما می‌تواند کم نقص باشد و دیالوگ کم نقص است.
پس پیشنهاد میکنیم مشاهده ی دمو را از دست ندهید چون ابتکارات به کار برده شده در این قالب شما را شگفت زده خواهد کرد و متوجه می شوید که دیالوگ، یک قالب تکراری نیست.

بعضی از ویژگی های این قالب منحصر به فرد و ابتکاری هستند که در ادامه به بعضی از این ویژگی ها اشاره میکنیم:


واقع گرایی
ما در هنگام برنامه نویسی وب متوجه شدیم که اکثر قالب ها فقط از نظر ظاهری طراحی شده اند و احتمالا برخی از طراحان HTML تسلط کافی بر زبان های برنامه نویسی ندارند که این امر موجب دشواری کار در هنگام برنامه نویسی خواهد شد. به همین دلیل دیالوگ در کنار توجه به زیبایی به صورتی کاربردی طراحی شده که در هنگام برنامه نویسی یا استفاده، در عمل مفید باشد.

شورتکات کبیورد
اگر زمان برای شما اهمیت داشته باشد متوجه تاثیر شورتکات های کیبورد در دراز مدت هستید. با دیالوگ زمان را به خودتان یا مشتریانتان هدیه کنید. چرا که این قالب از برخی کلید های میانبر به عنوان پیشفرض استفاده میکند. همچنین می توانید کلید های میانبر بیشتری را نیز به آن اضافه کنید.
درگ اند دراپ:
در قالب دیالوگ پنل ها رام شما هستند. آنها را ببندید، باز کنید، مخفی کنید، عرضشان را تغییر دهید به آنها اسکرول کنید، آنها را مطابق میلتان مرتب کنید و در یک کلمه آنها را مدیربت کنید. با کشیدن و رها کردن آیکون هر پنل میتوانید آن را حرکت دهید.

قابلیت شخصی سازی
در ستون پنهان سمت چپ آپشنهای زیادی وجود دارد که به کمک آنها می توانید یک قالب مطابق با میل خود داشته باشید.

بی نهایت رنگ بندی بدون css
دیالوگ محدودیتی در رنگ ها ندارد! شما میتوانید هر آیتم را با یک رنگ داشته باشید بدون اینکه حتی یک خط به کدهای css افزوده شود. (راهنما)
توجه : همانطور که میدانید آپشن ها در قالب های HTML به صورتی هستند که باید قبل از اجرا یکی از آنها را انتخاب کنید (به عنوان مثال یا روی دموی تمام عرض کلیک میکنید یا دموی جعبه ای و تا آخر با همان دمو کار میکنید) اما در قالب دیالوگ هر زمان که دلتان خواست آپشن ها و حتی رنگ ها را تغییر میدهید و با کلیک روی دکمه ی save آنها را ذخیره میکنید تا در مراجعات بعدی قالب به شکل مورد نظر شما بارگذاری شود. به طور مثال با فشردن دکمه ی V منوی عمودی فعال می شود و با کلید H ، منو به شکل افقی بر می گردد.

ویژگی های دیگر قالب دیالوگ
استفاده از چهار مدل نمودار از جمله چارت های متحرک و چارت های گوگل
تور بوت استرپ برای داشبورد و صفحات خاصی که نیاز به راهنمایی دارند
منوی کناری چسبان
مگا منو و پنل های واکنش گرا
توابع جی کوئری آماده ی استفاده
کلاس های سی اس اس برای کمک به طراحی
جدا بودن کدهای فونت و زد-ایندکس در فایل استایل
استفاده از قابلیت های پیشفرض بوت استرپ برای کم کردن حجم فایل استایل
قابلیت تغییر عرض ستون کناری و شعاع انحنای پنل ها
ذخیره ی تغییرات آپشن ها با دکمه ی save داخل مرورگر
اسکرول بار زیبا (nice scroll)
دارای حالت تمام صفحه و حالت شب مناسب کارهای طولانی مدت
صفحه ی قفل کودک با تایپ کردن کلمه ی lock
افکت Wave (موج) برای کلیک دکمه ها و سایدبار
مجزا و فشرده بودن (minify) فایل های مشترک همه صفحات
تغییر عرض ستون های وسط صفحه
دو حالت جعبه ای و عریض
ذخیره ی همه ی تغییرات در localstorage برای مراجعات بعدی
تذکر : توصیه می شود برای تغییرات شخصی از فایل های css و js مجزا استفاده کنید و در فایل های css و js قالب تغییری ایجاد نکنید تا بتوانید از آپدیت های بعدی استفاده کنید.

فایل index.html را باز کنید و توضیحات تکملی را در Tour مطالعه نمایید.

نسخه 1.1
-اصلاح گرافیکی
-اصلاح قالب
-اصلاح css
-اصلاح حالت موبایل


نسخه 1.0
-طراحی دشبورد پنل ادمین
-برنامه نویسی های جاوا اسکریپت و اچ تی ام ال


پروژه های مشابه: