المرحلة الثالثة -1- تعديل ملف css

اليوم عدت لكم في المرحلة الثالثة من تعريب قالب osclass خطوة خطوة من الصفر حتى الأحتراف . اليوم كلامنا راح يكون عن الملفات الأساسية لتغيير اتجاه الصفحات وتغيير موقع العبارات والحاويات ( ) من اليسار لليمين عن طريق ملفات css الخاصة بالقالب , ويختلف كل قالب عن الآخر في محتوى الملفات أو التصميم سواء ملفات css أو ملفات php فاحيانا يتطلب منا العمل على ملف css بالأضافة إلى بعض التعديل على ملفات php حسب المتطلبات .

دروس تعريب الثيمات
24. Sep 2018
المشاهدات 354
المرحلة الثالثة -1- تعديل ملف css

ملف css يعتبر القلم الذي نرسم به موقعنا كما نشاء من ألوان وحاويات الخ... بدون هذا الملف لايمكن تشكل أي موقع إلا بلغة البرمجة html فقط , وهذه اللغة
غير مستحبة من بعض المتصفحات لأنها لا تقرءها بشكل صحيح إلا بوجود لغة css لتحسين html والتحكم بمظهرها وتنفيذ كل ما تتخيله من الوان
والتحكم بموقع الحاوية والكثير , لذى يجب أن نتقن العمل على هذا الملف بالدقة والحساسية التامة ونعطيه الأهمية الكبرى أثناء العمل عليه .

أعجبتني حكمة برمجية تقول : الـ html قطعة الطين و Css العامل الذي يشكله إلى فخارة جميلة

وانا انصح بهذا الكورس لتعلم الـ css مشاءالله عليه شرح واضح
والبرامج اللي راح تتابع فيها الكورس موجوده في منتدانا بقسم البرامج لو تحب تتعلم .

 

 

أيضاً أنبه أن أردت ان ترى عملك 100% كما يراه الناس يجب تثبيت برامج تصفح أخرى على الكمبيوتر مثل google chrome و Firefox والعجوز Internet Explorer
( عن نفسي أستخدم 3 متصفحات لمعاينة عملي بعد التعديلات ).

توضيح : بعض القوالب تحتوي على ملف واحد فقط style.css وهذاالملف خاص بشكل تصفح الموقع من الكمبيوتر دسك توب ويأثر أيضا على تصفح الجوال
لو ماتم العمل عليه بالشكل الصحيح ( لو كان القالب متجاوب لجميع الشاشات ).

وهناك بعض المصممين يستخدم ملفين css وهما style.css و rtl.css : هنا المصمم أضاف ملف rtl.css للتعديلات على القالب للمستخدم العربي فقط , أي ان ملف style.css هو اساس الموقع , أما من يستخدم اللغة العربية فقط يجب ان يعدل فقط في ملف rtl.css أن وجد .

أيضاً في وجود ملف rtl.css والتعديل عليه فقط يبقى موقعك يعمل باللغتين حيث انه يستخدم الملف الأساسي style.css لمستخدم اللغة الأنقليزية اللي هو مصمم لها أساساً , وحين التغيير للغة العربية يتحول الموقع بشكل تلقائي ليعمل على ملف rtl.css أن كانت ملفات القالب مهيئة لذالك .
 
وان اردت موقعك للغة العربية فقط يمكنك التعديل على الملفين معاً أو تستخدم الملف الأساسي فقط style.css .

أما الملف المسؤل عن تصفح الموقع من الجوال فهو ملف responsive.css وهذا الملف يستخدم في بعض القوالب المتجاوبة لجميع الشاشات وليس الكل .
وسوف نتطرق لهذا الملف وكيفية معاينة تصفح الجوال من الكمبيوتر والتعديل عليه في الشرح القادم بأذن الله .

هناك في بعض المواقع العربية توفر خضائص css جاهزه مع القيم للتعريب أو بمعنى أصح لتحويل ترميز الخط العربي وعكس اتجاه الصفحات والحاويات بمجرد لصق هذه الخصائص الجاهزة , وانا لا أنصحك بها .

أبرز الخصائص للغة العربية  : direction: rtl; وهي لتصحيح الترميز العربي وعكس اتجاه الكتابة والقراءة بالعربي , ويوضع في أعلى ملف style.css ولكن .... بعض الأدوات في بعض القوالب الأجنبية لا تعمل بهذا القيمة rtl الترميز العربي ويتم تعطيلها بشكل تلقائي حين أدراجه لدرجة انك تعتقد أنك ارتكبت خطأ ما وتعيد العمل من جديد .

لذا أحذر من عدم استخدام هذه الخاصية إلا في حالات خاصة وداخل الحاويات الديف التي يستوجب علينا استخدامه لها فقط لايتم تعميم الخاصية على الملف كامل .

نصيحة : بعد أي تعديل على ملف css أن كنت متأكد من عملك أحفظ نسخه من الملف للعودة له وقت ماترى ان العمل التالي قد تأثر بعمل غير صحيح ... كما قلنا أي غلطه يمكن أن تعيدك للتعديل من الصفر , وأفضل طريقة هي انشاء مجلد جديد داخل القالب أو خارجه تحفظ فيه نسخ من تعديلك وترقمها ولو حصل بالوقت أيضاً لكي تعود لها وقت ما تلاحظ أي مشكلة تمت أثناء التعديل التالي .

وكمان نصيحه صغيره ذكرني فيها اخونا العضو emadnasser وهي التحديث المستمر عن طريق الضغط على Ctrl+5 والأنتباه للترجمة التلقائية للمتصفح كروما أثناء التعديلات ( ألغاء تفعيلها على متصفح جوجل كورما )

طريقة معرفة موقع الخصائص لتعديلها هي عن طريق المتصفحات المتداولة وانا أفضل متصفح google chrome وراح يتم الشرح عليه بأذن الله .

راح الصق لكم أسفل الفيديو بعض الخصائص وقيمها يمكن حد منكم يحتاجها .

تابع شرح الفيديو :

شرح تعريب ملف قالب osclass ( تعديل ملف css ) الجزء الأول

 

شرح تعريب ملف قالب osclass ( تعديل ملف css ) الجزء الثاني

 

أنتظروني في الجزء الثالث لتعديل متصفح الجوال

بالتوفيق

تعليقات

لم تتم إضافة أي تعليقات على هذا المنشور

أضف تعليقًا جديدًا

يجب أن تكون مسجلا لإضافة تعليق جديد
المؤسس والقائم الوحيد على موقع الدعم العربي لتطوير ودعم سكربت osclass
PHP ، HTML ، CSS
الاقسام
البرامج المساعدة
البرامج المساعدة لتعريب وتعديل ثيمات Osclass .
دروس تعريب الثيمات
دروس تعريب وتعديل ثيمات osclass / css / html / فيديو /
أكواد المساعدون
جميع الأكواد المساعدة لبناء الثيمات والتعديل أو الأضافة إليها
التعليقات الأخيرة
رابط التحميل غلط
برنامج FrontPage العربي 2013
المعذرة منك تم تعديل الرابط
برنامج FrontPage العربي 2013