recent
أخبار ساخنة

شرح تعريب قوالب بلوجر والتعديل عليها والربح من موقع خمسات

التعريب  مبني على اساس بسيط وهو تحويل القالب بأكمله من اتجاه اليسار الى اتجاه اليمين لا اكثر ولا اقل أو بشكل علمي تحويل جميع كلمات القالب
Left = يسار
الى
Right = يمين
والعكس صحيح 

عند فعل هذا غالبية القوالب تعرب بنسبة 80%
ويبقى 20% تعود لتعريب الكلمات وضبط بعض الإتجاهات 
هناك برنامج يسمى معرب قوالب بلوجر وهذا البرنامج يقوم بهذه العملية بشكل جيد ويعرب أيضا بعض الكلمات
ويمكن تحميل إصدار البرنامج الأخير من الموقع الرسمي 

لكن دائما تبقى في بعض القوالب أجزاء تحتاج لضبط ولا يقوم البرنامج بضبطها وهي
الحشوة = Padding
الهامش = Margin
يمتلئ القالب بهذه  الاكواد وتكتب بعدة طرق منها ان تكتب بها الإتجاهات Right , Left وهذه البرنامج يعدلها
وطريقة أخرى لا يعدلها البرنامج وهي هذه الطريقة 
مثال 
padding:1px 2px 3px 4px;
margin:1px 2px 3px 4px;
طبعا مع اختلاف قيم الأرقام
لكن القيمتين الذين يهمنا أمرهم في التعريب هما القيمتين
2 و 4
أكرر لا اقصد الأرقام فقد تكون الأرقام بهذا الشكل
padding:0 0 4px 2px
ولكن أنا اقصد الموقعين فالموقع الثاني هو موقع اليمين
والرابع هو موقع اليسار
فالقالب الأجنبي قد نجد الحاشيه أو الهامش تجاه اليسار هكذا
margin: 0 0 5px 30px;
ونحن نريد جعله تجاه اليمين فيصبح
margin: 0 30px 5px 0;
لاحظتم تبديل القيم وقد يكون العكس هذا بحسب القالب 
هذا هو ملخص فكرة تعريب القوالب وستنجح هذه الطريقة في غالبية القوالب
كل ما عليك استخدام البرنامج بان تضيف له القالب وتعربه ثم تنسخ محتوى القالب بعد التعديل تدخل الى تحرير القالب
وتحذف كل ما به وتضيف أكواد القالب الجديد ثم تبدا بضبط التعريب

بطريقة اخري وتوضح الطريقة الاولي التي استخدمنا فيها البرنامج

الخطوة الأولى:
  1.   افتح برنامج المفكرة (notepad)
  2.   اذهب إلى تصميم >> تحرير HTML >> اضغط على "توسيع قوالب عناصر واجهة المستخدم"
  3.   انسخ جميع أكواد القالب يمكنك الضغط على Ctrl + A لتحديد جميع الأكواد.
  4.   الصق الأكواد في برنامج المفكرة.

الخطوة الثانية:

  1.   من قائمة الأدوات في برنامج المفكرة اذهب إلى (تحرير) ثم (استبدال).
  2.   اكتب في الخانة الأولى right وفي الخانة الثانية ymen ثم اضغط على استبدال الكل
  3.   ثم اكتب من جديد في الخانة الأولى left وفي الخانة الثانية ysar ثم اضغط على استبدال الكل

الخطوة الثالثة:

  1.   الآن اكتب في الخانة الأولى ymen وفي الخانة الثانية left ثم اضغط على استبدال الكل.
  2.   ثم اكتب في الخانة الأولى ysar وفي الخانة الثانية right ثم اضغط على استبدال الكل.
الآن اعتبر أنك انتهيت من تعريب أجزاء كبيرة في القالب، وبقيت خطوة أخيرة وهي تغيير الأبعاد بين الحاشية (margin) والحشو (padding).
هذه الخطوة ستقوم بها يدوياً، لكنها سهلة وكل ما تحتاج إليه هو الانتباه جيداً إلى الشرح.

الخطوة الرابعة:
1) عليك البحث الآن في أكواد CSS عن مثل الكودين في الاسفل، وستقوم ببعض التغييرات على كل واحدة.


كود:
margin: 100px 40px 10px 70px;

padding: 20px 20px 20px 80px;
- ملاحظة: يجب أن تحتوي على 4 أعداد مثل: 100px 40px 10px 70px ونهمل ما لا يحتوي على أربع أعداد.
- ملاحظة أخرى: ليس من المهم أن تتطابق الأرقام مع المثال السابق، فقد تتغير هذه الأرقام.(تم التوضيح بلاعلي)

2) عندما تجد أي كود مثل السابق، قم باستبدال العدد الثاني بالعدد الرابع، والعدد الرابع بالعدد الثاني.
مثال:


margin: 100px 40px 10px 70px;
نقوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:

margin: 100px 70px 10px 40px;
نعيد نفس الأمر مع الكود padding:
مثال:
padding: 20px 20px 20px 80px;
نقوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:
padding: 20px 80px 20px 20px;
3) نكرر البحث ونكرر العملية مع جميع أكواد CSS، وتذكر يجب أن تحتوي على 4 أعداد.
4) بعد الانتهاء: انسخ جميع الأكواد التي في المفكرة واستبدل الموجود في القالب بها.

والآن انتهيت قم بمعاينة القالب قبل حفظه


لقد تعبت في كتابته هذا الموضوع ارجو من حضراتكم التشجيع ولو بتعليق او نشر الموضوع 
author-img
عالم التطبيقات

تعليقات

تعليقان (2)
إرسال تعليق
  • ffllqfklgkldskdslgsd photo
    ffllqfklgkldskdslgsd20 مارس 2014 في 12:43 ص

    السلام عليكم شكرا على الدرس أنا عندي مشكلة فقط في الأرقام الهندية أريد أن أستبدلها بالأرقام العربية (التي نسميها الانجليزية) شكرا لك مسبقا

    حذف التعليق
    • SeniorFigo photo
      SeniorFigo20 سبتمبر 2014 في 11:48 ص

      تستآهل آححـلآ تعلـيقُ .. تسلْم حبيبيُ .. ♥

      حذف التعليق
      google-playkhamsatmostaqltradent