Shipito
ركن المجلات الإلكترونيه وبرامج إدارة المحتوى : [يمنع]منعا باتا كتابة مواضيع الطلبات او المشاكل او الاستفسارات

تعريب قوالب مجلة جملة ((شرح ))

صورة 'w150051' الرمزية
w150051
:: عضو نشيط ::
تاريخ الإنضمام: 11 - 02 - 2006
رقم العضوية : 19381
الدولة : السعودية
المشاركات: 433
قديمة 18 - 06 - 2007, 09:33
المشاركة 1
نشاط w150051
  • قوة السمعة : 253
  • الإعجاب: 7
    Idea تعريب قوالب مجلة جملة ((شرح ))
    السلام عليكم ورحمة الله وبركاته ,

    أرجو أن يكون الجميع بألف صحة و سلامة

    تعتبر عملية قولبة جملة أو Templating عملية صعبة نسبياً خاصة بالنسبة لشخص مبتدى

    لذلك فكرت فى عمل هذا الموضوع ليكون بمثابة دليل مبسط

    فقط كل ما تحتاج هو محرر نصوص متطور مثل Notepad++ و برنامج تحرير صور مثل GIMP أو فوتوشوب المستخدم بكثرة
    فى البداية مم يتكون القالب ؟

    يتكون القالب من ملفات و مجلدات تكون فى أغلب الأحوال كالتاالى ,

    index.php و هذا هو أساس القالب و جسر الربط بين مكونات القالب المختلفة و بدونه لا يكون القالب و هو ملف مكتوب بلغة php يتم فيه إصدار التعليمات لجملة حول تمثيل الصور و الأحرف و ما إلى ذلك

    template_thumbnail.png هذه الصورة المصغرة للقالب , و معمتها هى عرض صورة للقالب للمعاينة قبل الاستخدام وهى غير ذات أهمية فى عملية البرمجة مطلقاً و يمكن حذفها و سيعمل القالب

    templateDetails.xml هو ملف معلوماتى من الطراز الأول , حيث يقوم بإخبار جملة بملفات القالب جميعها كى تتعامل معها بشكل منطقى , كذلك يحفظ به صانع القالب حقه , و لن تستخدمه إلا إذا كنت تنوى عمل قالب منذ البداية

    هذه كانت الملفات , ننتقل إلى المجلدات ,

    /images يتضمن هذا المجلد جميع الصور المستخدمه لعرض القالب

    /css لخبراء لغة css يحتوى هذا المجلد على ملف وحيد بامتداد css غالباً , و لغة css هى التى تتحكم فى طريقة عرض الأحرف و حجمها و المؤثرات عليها و ما إلى ذلك

    سؤال يطرح نفسه عند عمل تعديلات على قالب موجود على السيرفر مباشرة
    لنفرض أنك قمت بنعديل صورة ضمن مجلد /images و أردت استبدالها , فلماذا يرفض السيرفر ذلك ؟


    هذه إحدى الأشياء التى تجعل المستخدم على وشك أن يفقد أعصابه و لكنها فى الحقيقة ميزة أمنية هامة ,


    فجملة تقوم بحماية تلك الملفات من الوصول إليها بطرق غير شرعية , تماماً إذا أردت حذف ملف من على ويندوز و هو مفتوح بواسطة أى برنامجالمهم , عند التعديل على قالب , ماذا أفعل ؟
    أولا يجب أن يكون لديك سيرفر محلى لأن ذلك سيخلصك من مشكلة التصاريح و تعقيدات نظام الملفات على لينكس المستخدم على السيرفرات ,

    و بعد انتهاء التعديل على القالب تقوم بضغط جميع الملفات فى ملف مضغوط بامتداد zip تماماً كما ترى فى القوالب التى تحصل عليها , و أخيراً ترفع الملف إلى جملة من لوحة التحكم
    كيف أقوم بتعريب قالب ؟

    تعريب القالب عملية سهلة ولكنها تحتاج إلى وقت و اختبار

    لذلك فالأفضل أن تتم على سيرفر محلى كما ذكرنا سابقاً
    و يكون الدافع لها هو إعجابك بأحد القوالب الغربية و رغبتك فى تحويله لتستخدمه على موقعك العربى


    هذا طبعاً من حقك حيث أن كل ذلك تحت اتفاقية البرامج مفتوحة المصدر

    و لكن ذلك لا يبرر إزالة الحقوق , على الأقل من ملف xml

    ندخل فى الجد ,

    سوف تحتاج كما ذكرنا إلى محرر نصوص متطور مثل نوتباد ++ لفتح ملفات index.php و template.css

    أولاً : قم بفتح ملف index.php ستجد فى أعلى الملف الكود التالى :

    Code:

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


    قم باستبداله بالكود التالى


    Code:

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


    و لاحظ الكود الجديد لتجد dir="rtl" قد أضيفت و هى الكفيلة بعكس اتجاه القالب 180 درجة ليصبح من اليمين إلى اليسار

    قبل أن نترك ملف index.php لحاله , قم بالبحث عن الكلمات التالية

    iso-8859-1

    أو

    utf-8

    فإذا وجدت أيا منهما قم باستبدالها ب windows-1256 حيث هذا هو ترميز عرض الحروف العربية لأن الترميزات السابقة خاصة بعرض الحروف اللاتينية

    أخيراً , حتى ننهى التعامل مع ملف index.php إذا كانت خبرتك فى لغة php جيدة فسيمكنك اللعب بالكود سواء بالحذف أو الاستبدال أو حتى بالإضافة لكى تعدل طريقة ظهور القالب

    فضلاً راجع هذا الرابط حول مدلولات ما تجده فى ملف index.php

    http://www.joomlart.com/tutorials/templates_tutorial/mambo_layout.html

    الآن ننتقل إلى ملف css بعد الانتهاء من ملف index.php قم بحفظه و فتح ملف css

    على النقيض من ملف index.php و الذى لم يكن بالضرورة فهم ما يجتويه واجباً

    أؤكد أنه قبل الشروع فى تعديل ملف css يجب عليك الإحاطه بكامل محتوياته
    حتى تعلم جيداً ماذا تفعل و لا تتسبب فى ضياع مجهودك بسبب خطأ صغير

    فى البداية يتكون ملف css من عدة فقرات قياسية , كل فقرة منها ترتبط بجزء من القالب

    لذلك فعند تعاملك مع احدى الفقرات

    انس بقية الملف و تعامل معها كأنها ملف منفصل و هكذا حتى تعدل على بقية الفقرات

    مثلا , هذه تعتبر فقرة

    Code:

    div#header_r {
    height: 90px;
    background: url(../images/mw_header_blue_t_r.png) 100% 0 no-repeat;
    padding-left: 370px;
    padding-right: 30px;
    padding-top: 25px;
    overflow: hidden;
    text-align: left;
    }





    لاحظ انها تبدأ بالقوس { و تنتهى ب { و هذا ما يساعدك عليه برنامج Notpad++

    قام المطورون بوضع صيغه قياسية لما يجب أن تكون عليه تلك الفقرات , تجد شرحها هنا

    http://www.joomlart.com/tutorials/templates_tutorial/understanding_mambo_css_in_5_minutes.html

    و هذا الرابط أيضاً

    http://www.joomlaos.de/CSS_Guide.html

    حيث لا يمكن أن يخرج أى قالب عن هذه الأطر القياسية , و هذا هو سبب وجود العديد من القوالب لجملة أو لمامبو فى ما سبق

    فمثلا إذا وجدت فى ملف css فقرة بعنوان a:mainlevel:link فهذا يعنى أنك ستتعامل مع القائمة الرئيسية أو أى قائمة للموقع

    لنتقدم أكثر لندرك ماذا يجب تغييره حتى يتم تعريب القالب ,

    أول الأوامر التى يجب ملاحظتها و هى من أهم الأوامر هى


    Code:float :


    حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك

    يتم وضع الأوامر left أو right أو center

    فمثلاً و كما ستجد فى القوالب الغربية يكون الأمر


    Code:float : left;


    فقم بتغيير كلمة left إلى right و لا تنس إضافة الفاصلة المنقوطة بعد كل أمر


    ثانى الأوامر هو

    Code:font-family:


    من منا يكره الخط الذى يتم عرض المحتوى به فى القالب الافتراضى ؟

    هذا لا لشىء إلا بسبب أن من يصنع القالب قد قام وضع الخط

    arial
    أو
    sans serif
    و هذا مناسب للانجليزية و لكن ليس لعين المستخدم العربى عند عرض لغته الأم ,

    لذلك سوف تجد هذا الأمر

    Code: font-family: Arial, Helvetica, sans-serif;


    فقم بتغييره إلى


    Code: font-family: Tahoma, Arial, Helvetica, sans-serif;


    لاحظ اننا أضفنا خط تاهوما و هو الأفضل لعين المستخدم العربى

    و لاتقم بحذف بقية الخطوط الأخرى , حيث لا نضمن وجود خط Tahoma عند الجميع , من باب الاحتياط ليس أكثر

    ثالث تلك الأوامر هو

    Code:

    text-align:


    و هو يختلف عن الأمر

    float :
    فى أن الأخير مهمته محاذاه العنصر مثل القائمة أو الموديل أو المحتوى , بينما الأول وظيفته محاذاة النص بداخل العنصر

    أيضاً يقبل إضافة left أو right أو center

    هذه الأوامر التى تتعلق بالتعريب ,

    لاحظ جيداً أنه قد يتوجب عليك إضافتها لإحدى الفقرات , حيث قد لا تكون موجودة بالضرورة

    و تتعامل معها جملة على أنها يسار بشكل افتراضى و تذكر أنها تضاف فى سطر جديد بين بداية و نهاية الفقرة

    توجد اوامر أخرى مثل


    Code:color:

    و أمامه يوضع كود اللون بصيغة اتش تى ام ال

    Code:background:

    إذا أردت وضع خلفية للنص مثل صورة أو لون و يقبل كود اللون أو رابط الصورة


    Code:padding:

    هذا الأمر يدخل ضمن اوامر المحاذاه و لكن المحاذاه غير المطلقة , تعلم أنه عندما تكتب أمام أمر المحاذاه right فإنها ستجعل المحاذاه لأفصى اليمين , و لكنك لا تريد ذلك بالتحديد , فيمكنك جعل المحاذاه لليمين قليلا

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

    و بالطبع وجود أربعة أكواد لتنظيم المحاذاه أعلى و أسفل و يمينا و يساراً , باختصار استخدم هذا الأمر لتخصيص العنصر الذى تعمل عليه على ذوقك و كما تحب بعيداً عن الخيارات المطلقة

    بهذا نكون قد أنهينا ما يتعلق بملف css مع ملاحظة أنه عند التعديل يجب عليك تعديل فقرة و التأكد من نتيجة عملك فوراً و بعدها تكمل لفقرة أخرى

    لا يشترط أن تعمل على كل الفقرات , هذا ما يتعلق بتعريب القوالب , لاتنس أن تحزم الملفات بعد الانتهاء من العمل عليها و تجربتها فى ملف مضغوط و ترفعه

    أخيراً أرجو أن يكون الشرح واضح و مؤدى للغرض و لا تنسونا من صالح دعائكم
    idea4adv, arbilla و alkhamisy معجبون بهذا .
    قديمة 18 - 06 - 2007, 11:48
    المشاركة 2
    idea4adv
    Banned
    تاريخ الإنضمام: 21 - 09 - 2005
    رقم العضوية : 8840
    الدولة : الصف الاول بالمسجد
    المشاركات: 1,570
    • أرسل رسالة بواسطة MSN إلى idea4adv
    افتراضي
    يسلموووو والله يا غلا على الشرح الوافى


    تسلم يمينك والله


    احلى تقيم
    قديمة 18 - 06 - 2007, 16:10
    المشاركة 3
    صورة 'w150051' الرمزية
    w150051
    :: عضو نشيط ::
    تاريخ الإنضمام: 11 - 02 - 2006
    رقم العضوية : 19381
    الدولة : السعودية
    المشاركات: 433
    افتراضي
    تسلم
    قديمة 18 - 06 - 2007, 16:27
    المشاركة 4
    صورة 'الناصح' الرمزية
    الناصح
    :: عضو نشيط ::
    تاريخ الإنضمام: 09 - 11 - 2006
    رقم العضوية : 28126
    الدولة : القصر الكبير
    العمر: 37
    المشاركات: 1,578
    • أرسل رسالة بواسطة MSN إلى الناصح
    • أرسل رسالة بواسطة Skype™ إلى الناصح
    افتراضي
    إبداع أخي
    الله يعطيك العافية
    • المدونة : www.annasseh.com
    • المنتديات : www.annasseh.com/vb3
    • الاتصال بي : [email protected]
    قديمة 18 - 06 - 2007, 23:19
    المشاركة 5
    صورة 'عصوم كم' الرمزية
    عصوم كم
    .:: عضو متألق ::.
    تاريخ الإنضمام: 10 - 11 - 2006
    رقم العضوية : 28205
    الدولة : ليبي و افتخر
    العمر: 29
    المشاركات: 6,055
    • أرسل رسالة بواسطة MSN إلى عصوم كم
    افتراضي
    انا ابحث علي نسخة لمجلة الجملة .... و شرح التركيب الصحيح
    قديمة 13 - 07 - 2007, 15:26
    المشاركة 6
    صورة 'w150051' الرمزية
    w150051
    :: عضو نشيط ::
    تاريخ الإنضمام: 11 - 02 - 2006
    رقم العضوية : 19381
    الدولة : السعودية
    المشاركات: 433
    افتراضي موجود
    وحاضرين

    http://awaxs.com/forum/forumdisplay.php?f=20
    قديمة 14 - 07 - 2007, 22:53
    المشاركة 7
    صورة 'amawi' الرمزية
    amawi
    :: عضو نشيط ::
    تاريخ الإنضمام: 21 - 12 - 2006
    رقم العضوية : 29913
    الدولة : الأردن - عمان
    المشاركات: 565
    افتراضي
    للي يريد شيء بجملة انا حاضر

    وهذا موقعي

    http://www.al-jeel.net(www.al-jeel.net)
    ===++==++===

    شَـبـكـَة قـَـــانـُـونـِـي
    الأردن


    الشبكة القانونية الأولى في الاردن

    http://www.LawJO.net

    ===++======++===
    قديمة 22 - 07 - 2007, 22:27
    المشاركة 8
    صورة 'w150051' الرمزية
    w150051
    :: عضو نشيط ::
    تاريخ الإنضمام: 11 - 02 - 2006
    رقم العضوية : 19381
    الدولة : السعودية
    المشاركات: 433
    افتراضي
    [quote=w150051;4774857]وحاضرين

    http://www.joommla.com/forum/index.php?
    قديمة 04 - 01 - 2008, 00:33
    المشاركة 9
    صورة 'nabilon' الرمزية
    nabilon
    :: عضو نشيط ::
    تاريخ الإنضمام: 31 - 12 - 2007
    رقم العضوية : 48204
    الدولة : كندا
    المشاركات: 323
    • أرسل رسالة بواسطة MSN إلى nabilon
    • أرسل رسالة بواسطة Yahoo إلى nabilon
    افتراضي
    انا انشا مواقع اسلامية بجوملا مجانا فقط اتصل بي
    [email protected]
    ################أثماننا ممتازة ما تجد أحسن منها بإذن الله ولو وجدت أحسن منها نخفض لك الثمن أقل من ذلك ################
    أسم الشركـــه : شركة أبي نعيم للتصميم
    صاحب الشركه : نبيل بن سليم عشاش الحسيني
    أداء الشركـــه : إستضافه وتصميم وتطوير
    بريد الشركـــه : [email protected]
    قديمة 17 - 02 - 2008, 02:09
    المشاركة 11
    صورة 'mohamed_yosri' الرمزية
    mohamed_yosri
    :: عضو نشيط ::
    تاريخ الإنضمام: 19 - 01 - 2005
    رقم العضوية : 1157
    المشاركات: 2,232
    افتراضي
    تسلم
    قديمة 24 - 04 - 2008, 11:03
    المشاركة 12
    صورة 'alkrsan.info' الرمزية
    alkrsan.info
    :: عضو نشيط ::
    تاريخ الإنضمام: 22 - 09 - 2006
    رقم العضوية : 26548
    الدولة : اليمن=يافع
    المشاركات: 1,775
    • أرسل رسالة بواسطة MSN إلى alkrsan.info
    • أرسل رسالة بواسطة Yahoo إلى alkrsan.info
    افتراضي
    يا اخي شكلك با تقرح فيوز مالك تحب جملة هكذا
    قديمة 24 - 04 - 2008, 21:56
    المشاركة 13
    baker1
    :: عضـــو::
    تاريخ الإنضمام: 05 - 12 - 2007
    رقم العضوية : 46516
    المشاركات: 53
    افتراضي
    شباب عندي قالب بس ما اعرف احوله لجومالا ممكن حد يحلوله جازاه الله خيرا
    قديمة 01 - 05 - 2008, 18:01
    المشاركة 15
    tahseen
    :: عضـــو::
    تاريخ الإنضمام: 19 - 04 - 2008
    رقم العضوية : 57150
    الدولة : الامارات العربية المتدة
    المشاركات: 57
    مغلق
    العلامات المرجعية

    تعريب قوالب مجلة جملة ((شرح ))


    مجلة النيوك 7.8 من تعريب قهوة نت حلق مع !joomla واحترف مع هذين الكتابين

    أدوات الموضوع
    طرق العرض



    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 02:17.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    جميع الحقوق محفوظة Traidnt 2015
    • 009669200920037
    • 00966138648289
    • 2051033691
    Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2015, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.