السلام عليكم ورحمة الله وبركاته،
اليوم في هذا الموضوع أرتأيت أن أعرض عليكم طريقة تعريب قوالب بلوجر بطريقة يدوية بدون برامج وهي طريقة سهلة لا تكلف الكثير من الوقت للحصول على قالب معرب بدون مشاكل.
كذلك لأن استعمال بعض البرامج ينجم عنه تعريب غير كامل وغير متناسق مما يظطر المعرب إلى التدخل لإكمال عملية التعريب يدويا لتصحيح بعض المشاكل التي ما نجدها جد معقدة بسبب التغيررات العشوائية التي قام البرنامج
قبل البدء في الشرح، أنوه في هذه الطريقة سأتسعمل برنامج محرر النصوص مجاني غني عن التعريف وهو Notepad++ كما يمكنكم استعمال محرر Notepad المدمج مع برامج الويندوز.
يمكنكم تحميل آخر نسخة من محرر النصوص Notepad++ على الرابط التالي:https://notepad-plus-plus.org/download/
لتتشغيل البرنامج انقر على القائمة Démarrer
تظهر قائمة البرامج، سأختار برنامج Notepad++.
بعد فتح البرنامج، نذهب إلى Fichier ثم Ouvrir لفتح القالب المُراد تعريبه.
بعد فتح ملف القالب نذهب إلى القائمة Recherche ثم نختار من القائمة Remplacer، أو ننقر بلوحة المفاتيح على الزرين Ctrl و H في آن وحد (Ctrl+H).
تظهر لنا النافذة المبينة أدناه
- نكتب في الخانة Recherche كلمة right و في خانة Remplacer par نكتب ymen ثم نضغط على Remplacer tout
- ثم نكتب مرة ثانية في الخانة rechercher كلمة left و في خانة Remplacer par نكتب ysar ثم نضغط على Remplacer tout
- نكتب مرة أخرى في الخانة Recherche كلمة ysar وفي الخانة Remplacer par كلمة right ثم نضغط على Rempalcer tout
- نكتب في الخانة Recherche كلمة ymen وفي الخانة Remplacer par كلمة left ثم نضغط على Rempalcer tout
وهكذا نكون قد عدلنا القالب من حيث أنماط الكتابة واتجاهها.
بقي الآن خطوة مهمة لأكمال تجانس القالب الأجنبي المعرب وهو التعديل في قيم الـ padding و margin.
لكن ما هاتين العبارتين؟
تعريف خـاصيـة margin: وهى البطانة وتحيط بها الحدود من كامل الجهات ، لتترك مسافة بين الجسم والمحتوى الداخلي ـ وإذا تم تعينها الى 0 (0px) سوف يلتصق محتوى الصندوق بالحافة ( وهو بدايه الهامش ) بدون اي فرغات.
وهذا مثال يوضع مفهوم margin.
كما شاهدت فالـ margin إذا حددت لأحد عناصر الصفحة ستكون هى المساحة التى تحيط بها من كافة الجهات وتفصلها عن بقية العناصر الأخرى ـ ويعرّف الأمر داخل css و يكتب بالشكل التالي :
margin-top : قيمة الهامش العلوي <lenght>
margin-right : قيمة الهامش الأيمن <lenght>
margin-bottom : قيمة الهامش السفلي <lenght>
margin-left : قيمة الهامش الأيسر <lenght>
margin : يتم تحديد قيمة الهوامش مرة بنفس الأمر بالنحو التالي: <top><right><bottom><left>
margin-top: 10px; margin-right: 10px; margin-bottom: 5px; margin-left: 3px; /* أو */ margin: 10px 10px 5px 3px;
تعريف خاصية padding: وهي المساحة الداخلية التي تحيط بالمحتوى لتفصل بينه وبين الجسم.
مثال للتوضيح:
padding-top : قيمة الهامش العلوي <lenght>
padding-right : قيمة الهامش الأيمن <lenght>
padding-bottom : قيمة الهامش السفلي <lenght>
padding-left : قيمة الهامش الأيسر <lenght>
padding: يتم تحديد قيمة الهوامش مرة بنفس الأمر بالنحو التالي: <top><right><bottom><left>
padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 3px; /* أو */ padding: 10px 10px 5px 3px;
الآن نعود إلى مواصلة تعريب القالب.
الترتيب الثاني والرابع في الكود هو الذي يهمنا فالثاني هو موقع اليمين <right> والرابع هو موقع اليسار<left>
فمثلا في القالب الاجنبي نجده هكذا padding:2px 1px 6px 7px;
ونحن نحوله بهذا النحو: padding:2px 7px 6px 1px;
وهكذا .... وبالطريقة نعرب أي قالب أجنبي بدون مشكال، و يكون محافظا لتنسيقه كما القالب الأجنبي الأصلي.
في الأخير أتمنى أن شرحي هذا قد نال إعجابكم. دمتم في رعاية الله وحفظه والسلام عليكم ورحمة الله وبركاته.
ليست هناك تعليقات:
إرسال تعليق