Bakenam
01-06-2009, 04:00 AM
بسم الله الرحمن الرحيم
الان مم يتكون اي تمبليت لجمله ؟ يتكون من التالي
index.php
template_thumbnail.png
templateDetails.xml
/images
/css
سندخل على الملف الاول الذي ذكرناه بشرحنا في البدايه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود التالي بالملف السابق :
رمز PHP:
<html xmlns="http://www.w3.org/1999/xhtml">
ونقوم باستبداله بالكود التالي :
رمز PHP:
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
لاحظوا ان الكود الجديد قام بقلب القالب بشكل كامل
dir="rtl"قبل ان نغلق الملف index.php ونحفظ بقي ايضا كود يجب استبداله وهو :
نبحث عن :
رمز PHP:
iso-8859-1
او
رمز PHP:
utf-8
نقوم باستبدالها بالتالي ان وجد اي من الكودين السابقين بالاعلى نستبدله بالتالي :
رمز PHP:
windows-1256
الان احفظوا العمل والذي قمتم به على ملف index.php وبالتالي انتهينا من التعديل على اول ملف index.php .
------------------------------------------------------------------------------------
الان سيكون العمل على الملف css..
حيث ان هذا الملف ياساده يحتوي على العديد من الاوامر ويجب ان نكون على حذر ونحن نقوم بالتعديل عليه ..تابعوا معانا الشرح:
اول الكودات بهذا الملف :
رمز PHP:
float :
حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك
والاوامر التي يتم استخدامها في هذا المف للضبط هي : left "يسار" أو right "يمين" أو center "بالمنتصف" .
ففي القوالب الغربيه نجد التالي :
رمز PHP:
float : left;
فقط باختصار كل ماعليك عكس كل هذه الاوامر :
left حوله الى right
و right حوله الى left
في كل هذا المف css
الان ناتي الى نوع الخط .. حيث نعلم انه راح يكون بالقوالب الاجنبيه نوعية الخط بها مختلفه مثلا سنبحث عن :
رمز PHP:
font-family:
ومن المحتمل نجدها بهذه الصوره :
رمز PHP:
font-family: Arial, Helvetica, sans-serif;
الان كل ماعليك استبدال هذا السطر السابق مباشره الى :
رمز PHP:
font-family: Tahoma, Arial, Helvetica, sans-serif;
لاحظ اننا قمنا باضافة خط Tahoma وهو الافضل للمستخدمين العرب وكما تعلمون ..
الان ناتي الى محاذاة النص :
رمز PHP:
****-align:
نغيره ونعكسه كما سبق ووضحنا بالاعلى
فقط باختصار كل ماعليك عكس كل هذه الاوامر
left حوله الى right
و right حوله الى left
الان كود اللون :
رمز PHP:
color:
حيث يوضع اللون بالصيغه التي نعرفها جميعا وهي صيغة HTML
الان كود الخلفيه للتمبليت من خلال الكود التالي :
رمز PHP:
background:
اذا اردت وضع خلفية للنص صوره مثلا او لون حيث يقبل كود لون او صوره ..الخ
الان ناتي لامر المحاذاة للتمبليت ياشباب حيث انها تاتي بهذا الرمز :
رمز PHP:
padding:
يوضع أمام هذا الأمر من واحد إلى 4 أوامر يتم الفصل بينها بمسافة عادية كل منها يكون على صورة رقم بجواره بكسلات الشاشة عند العرض حيث تمثل px .
بالطبع وجود أربعة أكواد لتنظيم المحاذاه أعلى و أسفل و يمينا و يساراً , باختصار استخدم هذا الأمر لتخصيص العنصر الذى تعمل عليه على ذوقك و كما تحب بعيداً عن الخيارات المطلقة
------------------------------------------------------------------------------------
الان ملاحظه مهمه :
حيث ان التعديل على ملف ال css يتم خطوه خطوه والمعاينه في كل مره حتى لانصل الى مرحلة الاخطاء المتراكمه والمتكرره ويصعب علينا العوده لتعديل الوضع .
في النهايه نقوم بالحفظ .. ونكون قد حصلنا على التعريب لتمبليت Joomla
الان مم يتكون اي تمبليت لجمله ؟ يتكون من التالي
index.php
template_thumbnail.png
templateDetails.xml
/images
/css
سندخل على الملف الاول الذي ذكرناه بشرحنا في البدايه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود التالي بالملف السابق :
رمز PHP:
<html xmlns="http://www.w3.org/1999/xhtml">
ونقوم باستبداله بالكود التالي :
رمز PHP:
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
لاحظوا ان الكود الجديد قام بقلب القالب بشكل كامل
dir="rtl"قبل ان نغلق الملف index.php ونحفظ بقي ايضا كود يجب استبداله وهو :
نبحث عن :
رمز PHP:
iso-8859-1
او
رمز PHP:
utf-8
نقوم باستبدالها بالتالي ان وجد اي من الكودين السابقين بالاعلى نستبدله بالتالي :
رمز PHP:
windows-1256
الان احفظوا العمل والذي قمتم به على ملف index.php وبالتالي انتهينا من التعديل على اول ملف index.php .
------------------------------------------------------------------------------------
الان سيكون العمل على الملف css..
حيث ان هذا الملف ياساده يحتوي على العديد من الاوامر ويجب ان نكون على حذر ونحن نقوم بالتعديل عليه ..تابعوا معانا الشرح:
اول الكودات بهذا الملف :
رمز PHP:
float :
حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك
والاوامر التي يتم استخدامها في هذا المف للضبط هي : left "يسار" أو right "يمين" أو center "بالمنتصف" .
ففي القوالب الغربيه نجد التالي :
رمز PHP:
float : left;
فقط باختصار كل ماعليك عكس كل هذه الاوامر :
left حوله الى right
و right حوله الى left
في كل هذا المف css
الان ناتي الى نوع الخط .. حيث نعلم انه راح يكون بالقوالب الاجنبيه نوعية الخط بها مختلفه مثلا سنبحث عن :
رمز PHP:
font-family:
ومن المحتمل نجدها بهذه الصوره :
رمز PHP:
font-family: Arial, Helvetica, sans-serif;
الان كل ماعليك استبدال هذا السطر السابق مباشره الى :
رمز PHP:
font-family: Tahoma, Arial, Helvetica, sans-serif;
لاحظ اننا قمنا باضافة خط Tahoma وهو الافضل للمستخدمين العرب وكما تعلمون ..
الان ناتي الى محاذاة النص :
رمز PHP:
****-align:
نغيره ونعكسه كما سبق ووضحنا بالاعلى
فقط باختصار كل ماعليك عكس كل هذه الاوامر
left حوله الى right
و right حوله الى left
الان كود اللون :
رمز PHP:
color:
حيث يوضع اللون بالصيغه التي نعرفها جميعا وهي صيغة HTML
الان كود الخلفيه للتمبليت من خلال الكود التالي :
رمز PHP:
background:
اذا اردت وضع خلفية للنص صوره مثلا او لون حيث يقبل كود لون او صوره ..الخ
الان ناتي لامر المحاذاة للتمبليت ياشباب حيث انها تاتي بهذا الرمز :
رمز PHP:
padding:
يوضع أمام هذا الأمر من واحد إلى 4 أوامر يتم الفصل بينها بمسافة عادية كل منها يكون على صورة رقم بجواره بكسلات الشاشة عند العرض حيث تمثل px .
بالطبع وجود أربعة أكواد لتنظيم المحاذاه أعلى و أسفل و يمينا و يساراً , باختصار استخدم هذا الأمر لتخصيص العنصر الذى تعمل عليه على ذوقك و كما تحب بعيداً عن الخيارات المطلقة
------------------------------------------------------------------------------------
الان ملاحظه مهمه :
حيث ان التعديل على ملف ال css يتم خطوه خطوه والمعاينه في كل مره حتى لانصل الى مرحلة الاخطاء المتراكمه والمتكرره ويصعب علينا العوده لتعديل الوضع .
في النهايه نقوم بالحفظ .. ونكون قد حصلنا على التعريب لتمبليت Joomla