كيف نعرب ثيم؟
كما قلت اهم شيء بالثيم هو قلب الاتجاهات للتناسب مع طبيعة اللغة العربية, اي من
اليمين الى الشمال. اذن فعملنا بمعظمه مرتكز على هذه المهمة
لوازم تعريب الثيم: الى ماذا نحتاج لكي نعرب ثيم؟
- نحتاج الى متصفح انترنيت
- نحتاج الى نوتباد notpade او اي محرر نصوص
- نحتاج الى اي محرر html ولنقل frontpage مثلاً
- ولمزيد من الدقة نحتاج احيانا الى الفوتوشوب
ماذا نجد في ملف الثيم وعلى ماذا نريد التغيير ؟
كل مجلد ثيم فيه على الاقل العناصر التالية :
- مجلد صور وغالبا اسمه images كما يمكن ان يكون هناك اكثر من مجلد صور
- ملف css غالبا اسمه style.css وممكن ان نجد بعض الثيمات فبها اكثر من ملف css
واحد, منها ما هو للبلوك ومنها ما هو للموديولز.
ملف الcss مسؤول عن عدة اشياء منها الالوان وعرض الصفحة والاتجاهات
- ملف centerblocks.html مسؤول عن البلوك المنتصف ولا حاجة لنا فيه الان بالتعريب
انما اعدده فقط
- ملف theme.html وهو الملف الاساسي وكانه صفحة index.html كان فيها الديزاين قبل
ترميزه ووضع الكودات
من اين نبدأ ؟
بعد ان تعرفنا على محتويات مجلد الثيم, وعرفنا ان مهمتنا ترتكز على تغيير اتجاهات
الصور وال tables يمكن ان نحدد حقل عملنا بالتالي:
- ملف theme.html
-style.css او ملف ال css الموجود و في حال وجود اكثر من ملف نحن بحاجة الى تغيير
الملف الذي يحتوي على عبارة div.xoopsCode
- مجلدات الصور
مرحلة التنفيذ :
نحن بحاجة الى قلب اتجاهات الصور كما سبق وذكرنا, يمكن عملها بواسطة اي برنامج صور
كالفوتوشوب وانما هناك اداة تدعى ccs mirror يمكنها ان تقوم بهذه المهمة اي قلب
اتجاهات الصور بثواني وهي موجودة في موقع http://www.ahmadh.com/tools/cssmirror/
اذن ابتدا العمل :
- اضغط ملف الثيم zip it
- اذهب الى الموقع http://www.ahmadh.com/tools/cssmirror/
- حمل الثيم واضغط على ارسال, وما هي الا ثواني حتى تحصل على ملف مضغوط بنفس اسم
الثيم + عبارة rtl اي تم تحويل الاتجاه فيه من اليمين الى السيار right to left
وهذا متوافق مع اللغة العربية.
- فك ضغط الثيم المقلوب الاتجاه, ستجد ان الصور كلها تم تغيير اتجاهها من اليسار
الى اليمين,
- قم ببعض التغييرات الطفيفة على الصور اذا اردت المزيد من الدقة, كوضع لوغو لموقعك
او ما شابه
- افتح ملف theme.html بواسطة نوتباد notpade
-افتح على زر replace ما بعرف شو اسمها بالعربي تحديدا يمكن ان تجدها ctrl+H او تحت
edit
ستفتح لك نافذة صغيرة , عند كلمة find what اكتب :-
<div style="margin:20px; margin-top:5px; ">
كما قلت اهم شيء بالثيم هو قلب الاتجاهات للتناسب مع طبيعة اللغة العربية, اي من
اليمين الى الشمال. اذن فعملنا بمعظمه مرتكز على هذه المهمة
لوازم تعريب الثيم: الى ماذا نحتاج لكي نعرب ثيم؟
- نحتاج الى متصفح انترنيت
- نحتاج الى نوتباد notpade او اي محرر نصوص
- نحتاج الى اي محرر html ولنقل frontpage مثلاً
- ولمزيد من الدقة نحتاج احيانا الى الفوتوشوب
ماذا نجد في ملف الثيم وعلى ماذا نريد التغيير ؟
كل مجلد ثيم فيه على الاقل العناصر التالية :
- مجلد صور وغالبا اسمه images كما يمكن ان يكون هناك اكثر من مجلد صور
- ملف css غالبا اسمه style.css وممكن ان نجد بعض الثيمات فبها اكثر من ملف css
واحد, منها ما هو للبلوك ومنها ما هو للموديولز.
ملف الcss مسؤول عن عدة اشياء منها الالوان وعرض الصفحة والاتجاهات
- ملف centerblocks.html مسؤول عن البلوك المنتصف ولا حاجة لنا فيه الان بالتعريب
انما اعدده فقط
- ملف theme.html وهو الملف الاساسي وكانه صفحة index.html كان فيها الديزاين قبل
ترميزه ووضع الكودات
من اين نبدأ ؟
بعد ان تعرفنا على محتويات مجلد الثيم, وعرفنا ان مهمتنا ترتكز على تغيير اتجاهات
الصور وال tables يمكن ان نحدد حقل عملنا بالتالي:
- ملف theme.html
-style.css او ملف ال css الموجود و في حال وجود اكثر من ملف نحن بحاجة الى تغيير
الملف الذي يحتوي على عبارة div.xoopsCode
- مجلدات الصور
مرحلة التنفيذ :
نحن بحاجة الى قلب اتجاهات الصور كما سبق وذكرنا, يمكن عملها بواسطة اي برنامج صور
كالفوتوشوب وانما هناك اداة تدعى ccs mirror يمكنها ان تقوم بهذه المهمة اي قلب
اتجاهات الصور بثواني وهي موجودة في موقع http://www.ahmadh.com/tools/cssmirror/
اذن ابتدا العمل :
- اضغط ملف الثيم zip it
- اذهب الى الموقع http://www.ahmadh.com/tools/cssmirror/
- حمل الثيم واضغط على ارسال, وما هي الا ثواني حتى تحصل على ملف مضغوط بنفس اسم
الثيم + عبارة rtl اي تم تحويل الاتجاه فيه من اليمين الى السيار right to left
وهذا متوافق مع اللغة العربية.
- فك ضغط الثيم المقلوب الاتجاه, ستجد ان الصور كلها تم تغيير اتجاهها من اليسار
الى اليمين,
- قم ببعض التغييرات الطفيفة على الصور اذا اردت المزيد من الدقة, كوضع لوغو لموقعك
او ما شابه
- افتح ملف theme.html بواسطة نوتباد notpade
-افتح على زر replace ما بعرف شو اسمها بالعربي تحديدا يمكن ان تجدها ctrl+H او تحت
edit
ستفتح لك نافذة صغيرة , عند كلمة find what اكتب :-
<div style="margin:20px; margin-top:5px; ">