طريقة تعريب القوالب فى مجلة جملة 1.0

programe

عضو جديد
9 ديسمبر 2008
2,002
4
0



القوالب هى اكبر مشكلة تواجه المصمم العربى فى استخدام قوالب جملة .. لأنها لا تخرج بالشكل الصحيح مع بعض القوالب .. ولكن فى هذا الدرس سيكون كل شوء سهل وواضح اولا مم يتكون القالب :-
لاحظ فى الصورة مكونات القالب
css.jpg


لاحظ المستطيلين على مجلد css الذى يحتوى على ملف template_css.css
وملف index.php
وهما الذان سنعمل عليهما

سندخل على الملف الاول الذي ذكرناه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود التالي بالملف السابق :

PHP:
<html xmlns="http://www.w3.org/1999/xhtml">

ونقوم باستبداله بالكود التالي :
PHP:
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">

indexphp.jpg

لاحظوا ان الكود الجديد قام بقلب القالب بشكل كامل
PHP:
dir="rtl"
قبل ان نغلق الملف index.php ونحفظ بقي ايضا كود يجب استبداله وهو :
نبحث عن :
كود:
iso-8859-1

او
كود:
utf-8

نقوم باستبدالها بالتالي ان وجد اي من الكودين السابقين بالاعلى نستبدله بالتالي :
كود:
windows-1256

الان احفظوا العمل والذي قمتم به على ملف index.php وبالتالي انتهينا من التعديل على اول ملف index.php .
------------------------------------------------------------------------------------
الان سيكون العمل على الملف css..
حيث ان هذا الملف ياساده يحتوي على العديد من الاوامر ويجب ان نكون على حذر ونحن نقوم بالتعديل عليه ..تابعوا معانا الشرح:
اول الكودات بهذا الملف :
كود:
float :

حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك
والاوامر التي يتم استخدامها في هذا المف للضبط هي : left "يسار" أو right "يمين" أو center "بالمنتصف" .
ففي القوالب الغربيه نجد التالي :
كود:
float : left;

فقط باختصار كل ماعليك عكس كل هذه الاوامر :
left حوله الى right
و right حوله الى left
في كل هذا المف css

الان ناتي الى نوع الخط .. حيث نعلم انه راح يكون بالقوالب الاجنبيه نوعية الخط بها مختلفه مثلا سنبحث عن :
كود:
font-family:

ومن المحتمل نجدها بهذه الصوره :
كود:
font-family: Arial, Helvetica, sans-serif;

الان كل ماعليك استبدال هذا السطر السابق مباشره الى :
كود:
font-family: Tahoma, Arial, Helvetica, sans-serif;

لاحظ اننا قمنا باضافة خط Tahoma وهو الافضل للمستخدمين العرب وكما تعلمون ..

الان ناتي الى محاذاة النص :
كود:
text-align:

نغيره ونعكسه كما سبق ووضحنا بالاعلى
فقط باختصار كل ماعليك عكس كل هذه الاوامر
left حوله الى right
و right حوله الى left

الان كود اللون :
كود:
color:

حيث يوضع اللون بالصيغه التي نعرفها جميعا وهي صيغة HTML

الان كود الخلفيه للتمبليت من خلال الكود التالي :
كود:
background:

اذا اردت وضع خلفية للنص صوره مثلا او لون حيث يقبل كود لون او صوره ..الخ

الان ناتي لامر المحاذاة للتمبليت ياشباب حيث انها تاتي بهذا الرمز :
كود:
padding:

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

الان ملاحظه مهمه :
حيث ان التعديل على ملف ال css يتم خطوه خطوه والمعاينه في كل مره حتى لانصل الى مرحلة الاخطاء المتراكمه والمتكرره ويصعب علينا العوده لتعديل الوضع .

في النهايه نقوم بالحفظ .. ونكون قد حصلنا على التعريب لقالب Joomla


منقول