تغيير وتصميم ستايل للجوال  ، مهمة سهلة جدا ولاتحتاج لأي خبرة في تصميم الستايلات وتنسيقها

السكربت يعتمد على نظام المخصص للجوال

JqueryMobile

المعروف


اولا قبل البدء ، ستايلات الجوال توجد على المسار

Apps\Layout\MobileSectionMain\Themes


كل مجلد موجود هناك هو عبارة عن ستايل مختلف للجوال ،

الأن قم بإنشاء نسخة جديدة من احد المجلدات الموجودة مثل

Scriptzawagcom1

وسمي فرضا المجلد الجديد

TheNew

طبعا محتواه نفس محتوى المجلد الذي تم نسخه


الأن من لوحة تحكم الإدارة من

العام - الإعادادت - إعدادت عامة


ستجد قائمة مخصصة لإختيار الستايلات ، اختر الجديد الذي انشألته

TheNew


الأن عملية تصميم الستايل ، يوجد صفحة انترنت تساعد بذلك في عملية انشاء ستايلات جديدة للجوال ، من الشركة المبرمجة لـ JqueryMobile

وذلك على الرابط

https://themeroller.jquerymobile.com/




الأن احذف الستايلين

B , C

الإفتراضيين ، فلانحتاجهم في السكربت ، فقط الستايل

A

مثل الصورة


الأن تعلم قليلا على الموقع ، ولون الستايل الجديد حسب رغبتك ، عبر عمليات السحب والإفلات للأللوان ليصبح مثل


ثم اعمل حفظ وتصدير لملفات ،

سيرسل لك الموقع ملف مضغوط فيه

jquery.mobile.icons.min.css

TheNew.css

TheNew.min.css

طبعا على فرض لما حملنا الستايل كان اسمه

TheNew


نحن نحتاج فقط لملف واحد منهم وهو

TheNew.css


نقوم بتعديل اسم هذا الملف إلى

Theme.css

مع الإتباه لحالة الحرف الأول كبير

ونقوم الأن بنسخه لمجلد الستايل الجديد وطبعا نستبدله بالملف الموجود داخل المجلد

Apps\Layout\MobileSectionMain\Themes\TheNew\Theme.css


وبهذا اصبح لديك ستايل جديد خاص بموقعك

الأن بعض الصفحات تحتاج لتنسيق الوان يتناسب مع الوان الستايل الجديد

ونحن قمنا بتجميعها في الملف

Apps\Layout\MobileSectionMain\Themes\TheNew\Colors.css


افتح هذا الملف ، للستايل الجديد

ببرنامج مفكرة - Notepad

وقم بتعديل قيم الألوان ، لكل الفقرات التي فيه ، حسب مايناسب الموقع ، وكل فقرة تشرح مكان استخدامها في السكربت


بعدها يصبح لديك ستايل مخصص لموقعك ومنسق بألوان مختلفة عن باقي العملاء

Created with the Personal Edition of HelpNDoc: Easy CHM and documentation editor