linnou
11-01-2013, بتوقيت غرينيتش 06:51 AM
بسم الله الرحمن الرحيم
الان مم يتكون اي تمبليت لجمله ؟ يتكون من التالي
index.php
template_thumbnail.png
templateDetails.xml
/images
/css
سندخل على الملف الاول الذي ذكرناه بشرح طريقةنا في البدايه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود code التالي بالملف السابق :
رمز PHP:
<code style="white-space:nowrap"> <code> <html xmlns="http://www.w3.org/1999/xhtml">
</code> </code>
ونقوم باستبداله بالكود code التالي :
رمز PHP:
<code style="white-space:nowrap"> <code> <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
</code> </code>
لاحظوا ان الكود code الجديد قام بقلب القالب template بشكل كامل
dir="rtl"قبل ان نغلق الملف index.php ونحفظ بقي ايضا كود code يجب استبداله وهو :
نبحث عن :
رمز PHP:
<code style="white-space:nowrap"> <code> iso-8859-1
</code> </code>
او
رمز PHP:
<code style="white-space:nowrap"> <code> utf-8
</code> </code>
نقوم باستبدالها بالتالي ان وجد اي من الكود codeين السابقين بالاعلى نستبدله بالتالي :
رمز PHP:
<code style="white-space:nowrap"> <code> windows-1256
</code> </code>
الان احفظوا العمل والذي قمتم به على ملف index.php وبالتالي انتهينا من التعديل على اول ملف index.php .
------------------------------------------------------------------------------------
الان سيكون العمل على الملف css..
حيث ان هذا الملف ياساده يحتوي على العديد من الاوامر ويجب ان نكون على حذر ونحن نقوم بالتعديل عليه ..تابعوا معانا الشرح طريقة:
اول الكود codeات بهذا الملف :
رمز PHP:
<code style="white-space:nowrap"> <code> float :
</code> </code>
حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك
والاوامر التي يتم استخدامها في هذا المف للضبط هي : left "يسار" أو right "يمين" أو center "بالمنتصف" .
ففي القوالب الغربيه نجد التالي :
رمز PHP:
<code style="white-space:nowrap"> <code> float : left;
</code> </code>
فقط باختصار كل ماعليك عكس كل هذه الاوامر :
left حوله الى right
و right حوله الى left
في كل هذا المف css
الان ناتي الى نوع الخط .. حيث نعلم انه راح يكون بالقوالب الاجنبيه نوعية الخط بها مختلفه مثلا سنبحث عن :
رمز PHP:
<code style="white-space:nowrap"> <code> font-family:
</code> </code>
ومن المحتمل نجدها بهذه الصوره :
رمز PHP:
<code style="white-space:nowrap"> <code> font-family: Arial, Helvetica, sans-serif;
</code> </code>
الان كل ماعليك استبدال هذا السطر السابق مباشره الى :
رمز PHP:
<code style="white-space:nowrap"> <code> font-family: Tahoma, Arial, Helvetica, sans-serif;
</code> </code>
لاحظ اننا قمنا باضافة خط Tahoma وهو الافضل للمستخدمين العرب وكما تعلمون ..
الان ناتي الى محاذاة النص :
رمز PHP:
<code style="white-space:nowrap"> <code> text-align:
</code> </code>
نغيره ونعكسه كما سبق ووضحنا بالاعلى
فقط باختصار كل ماعليك عكس كل هذه الاوامر
left حوله الى right
و right حوله الى left
الان كود code اللون :
رمز PHP:
<code style="white-space:nowrap"> <code> color:
</code> </code>
حيث يوضع اللون بالصيغه التي نعرفها جميعا وهي صيغة HTML
الان كود code الخلفيه للتمبليت من خلال الكود code التالي :
رمز PHP:
<code style="white-space:nowrap"> <code> background:
</code> </code>
اذا اردت وضع خلفية للنص صوره مثلا او لون حيث يقبل كود code لون او صوره ..الخ
الان ناتي لامر المحاذاة للتمبليت ياشباب حيث انها تاتي بهذا الرمز :
رمز PHP:
<code style="white-space:nowrap"> <code> padding:
</code> </code>
يوضع أمام هذا الأمر من واحد إلى 4 أوامر يتم الفصل بينها بمسافة عادية كل منها يكون على صورة رقم بجواره بكسلات الشاشة عند العرض حيث تمثل px .
بالطبع وجود أربعة أكواد لتنظيم المحاذاه أعلى و أسفل و يمينا و يساراً , باختصار استخدم هذا الأمر لتخصيص العنصر الذى تعمل عليه على ذوقك و كما تحب بعيداً عن الخيارات المطلقة
------------------------------------------------------------------------------------
الان ملاحظه مهمه :
حيث ان التعديل على ملف ال css يتم خطوه خطوه والمعاينه في كل مره حتى لانصل الى مرحلة الاخطاء المتراكمه والمتكرره ويصعب علينا العوده لتعديل الوضع .
في النهايه نقوم بالحفظ .. ونكون قد حصلنا على التعريب لتمبليت Joomla
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
الان مم يتكون اي تمبليت لجمله ؟ يتكون من التالي
index.php
template_thumbnail.png
templateDetails.xml
/images
/css
سندخل على الملف الاول الذي ذكرناه بشرح طريقةنا في البدايه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود code التالي بالملف السابق :
رمز PHP:
<code style="white-space:nowrap"> <code> <html xmlns="http://www.w3.org/1999/xhtml">
</code> </code>
ونقوم باستبداله بالكود code التالي :
رمز PHP:
<code style="white-space:nowrap"> <code> <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
</code> </code>
لاحظوا ان الكود code الجديد قام بقلب القالب template بشكل كامل
dir="rtl"قبل ان نغلق الملف index.php ونحفظ بقي ايضا كود code يجب استبداله وهو :
نبحث عن :
رمز PHP:
<code style="white-space:nowrap"> <code> iso-8859-1
</code> </code>
او
رمز PHP:
<code style="white-space:nowrap"> <code> utf-8
</code> </code>
نقوم باستبدالها بالتالي ان وجد اي من الكود codeين السابقين بالاعلى نستبدله بالتالي :
رمز PHP:
<code style="white-space:nowrap"> <code> windows-1256
</code> </code>
الان احفظوا العمل والذي قمتم به على ملف index.php وبالتالي انتهينا من التعديل على اول ملف index.php .
------------------------------------------------------------------------------------
الان سيكون العمل على الملف css..
حيث ان هذا الملف ياساده يحتوي على العديد من الاوامر ويجب ان نكون على حذر ونحن نقوم بالتعديل عليه ..تابعوا معانا الشرح طريقة:
اول الكود codeات بهذا الملف :
رمز PHP:
<code style="white-space:nowrap"> <code> float :
</code> </code>
حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك
والاوامر التي يتم استخدامها في هذا المف للضبط هي : left "يسار" أو right "يمين" أو center "بالمنتصف" .
ففي القوالب الغربيه نجد التالي :
رمز PHP:
<code style="white-space:nowrap"> <code> float : left;
</code> </code>
فقط باختصار كل ماعليك عكس كل هذه الاوامر :
left حوله الى right
و right حوله الى left
في كل هذا المف css
الان ناتي الى نوع الخط .. حيث نعلم انه راح يكون بالقوالب الاجنبيه نوعية الخط بها مختلفه مثلا سنبحث عن :
رمز PHP:
<code style="white-space:nowrap"> <code> font-family:
</code> </code>
ومن المحتمل نجدها بهذه الصوره :
رمز PHP:
<code style="white-space:nowrap"> <code> font-family: Arial, Helvetica, sans-serif;
</code> </code>
الان كل ماعليك استبدال هذا السطر السابق مباشره الى :
رمز PHP:
<code style="white-space:nowrap"> <code> font-family: Tahoma, Arial, Helvetica, sans-serif;
</code> </code>
لاحظ اننا قمنا باضافة خط Tahoma وهو الافضل للمستخدمين العرب وكما تعلمون ..
الان ناتي الى محاذاة النص :
رمز PHP:
<code style="white-space:nowrap"> <code> text-align:
</code> </code>
نغيره ونعكسه كما سبق ووضحنا بالاعلى
فقط باختصار كل ماعليك عكس كل هذه الاوامر
left حوله الى right
و right حوله الى left
الان كود code اللون :
رمز PHP:
<code style="white-space:nowrap"> <code> color:
</code> </code>
حيث يوضع اللون بالصيغه التي نعرفها جميعا وهي صيغة HTML
الان كود code الخلفيه للتمبليت من خلال الكود code التالي :
رمز PHP:
<code style="white-space:nowrap"> <code> background:
</code> </code>
اذا اردت وضع خلفية للنص صوره مثلا او لون حيث يقبل كود code لون او صوره ..الخ
الان ناتي لامر المحاذاة للتمبليت ياشباب حيث انها تاتي بهذا الرمز :
رمز PHP:
<code style="white-space:nowrap"> <code> padding:
</code> </code>
يوضع أمام هذا الأمر من واحد إلى 4 أوامر يتم الفصل بينها بمسافة عادية كل منها يكون على صورة رقم بجواره بكسلات الشاشة عند العرض حيث تمثل px .
بالطبع وجود أربعة أكواد لتنظيم المحاذاه أعلى و أسفل و يمينا و يساراً , باختصار استخدم هذا الأمر لتخصيص العنصر الذى تعمل عليه على ذوقك و كما تحب بعيداً عن الخيارات المطلقة
------------------------------------------------------------------------------------
الان ملاحظه مهمه :
حيث ان التعديل على ملف ال css يتم خطوه خطوه والمعاينه في كل مره حتى لانصل الى مرحلة الاخطاء المتراكمه والمتكرره ويصعب علينا العوده لتعديل الوضع .
في النهايه نقوم بالحفظ .. ونكون قد حصلنا على التعريب لتمبليت Joomla
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©