عرض مشاركة واحدة
awlstyle-2 awlstyle-3 awlstyle-1
awlstyle-5
قديم 13-04-2008, 04:38 AM   #1 (permalink)
op4host
:: مطرود من قبل الإدارة ::
افتراضي تعريب قوالب جمله بشكل مبسط

بسم الله الرحمن الرحيم

الان مم يتكون اي تمبليت لجمله ؟ يتكون من التالي
index.php
template_thumbnail.png
templateDetails.xml
/images
/css
سندخل على الملف الاول الذي ذكرناه بشرحنا في البدايه والذي هو من اركان القوالب في مجلتنا Joomla وهو ملف : index.php
نبحث عن الكود التالي بالملف السابق :

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

ونقوم باستبداله بالكود التالي :

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


لاحظوا ان الكود الجديد قام بقلب القالب بشكل كامل
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

 

الموضوع الأصلي : تعريب قوالب جمله بشكل مبسط     -||-     المصدر : |: معهد أول ستايل :|     -||-     الكاتب : op4host




    رد مع اقتباس
awlstyle-4
awlstyle-7 awlstyle-6
awlstyle-9 awlstyle-10 awlstyle-8