programe
2009-03-18, 03:36 PM
القوالب هى اكبر مشكلة تواجه المصمم العربى فى استخدام قوالب جملة .. لأنها لا تخرج بالشكل الصحيح مع بعض القوالب .. ولكن فى هذا الدرس سيكون كل شوء سهل وواضح اولا مم يتكون القالب :-
لاحظ فى الصورة مكونات القالب
http://joomlarab.net/images/topics/css.jpg
لاحظ المستطيلين على مجلد css الذى يحتوى على ملف template_css.css
وملف index.php
وهما الذان سنعمل عليهما
سندخل على الملف الاول الذي ذكرناه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود التالي بالملف السابق :
<html xmlns="http://www.w3.org/1999/xhtml">
ونقوم باستبداله بالكود التالي :
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
http://joomlarab.net/images/topics/indexphp.jpg
لاحظوا ان الكود الجديد قام بقلب القالب بشكل كامل 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
منقول
لاحظ فى الصورة مكونات القالب
http://joomlarab.net/images/topics/css.jpg
لاحظ المستطيلين على مجلد css الذى يحتوى على ملف template_css.css
وملف index.php
وهما الذان سنعمل عليهما
سندخل على الملف الاول الذي ذكرناه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود التالي بالملف السابق :
<html xmlns="http://www.w3.org/1999/xhtml">
ونقوم باستبداله بالكود التالي :
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
http://joomlarab.net/images/topics/indexphp.jpg
لاحظوا ان الكود الجديد قام بقلب القالب بشكل كامل 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
منقول