:: كيف تعرب الاستايلات الغربية ::

    • :: كيف تعرب الاستايلات الغربية ::

      الله
      هذه دورة قام بها الاخ netzoner
      وقد نقلتها لكم هنا حتى يستفيد الجميع وهي مهمة لمستخدمي الاستايلات الغربية :
      السلام عليكم
      نبتدي اليوم دوره تعريب الأستايلات خطوه بخطوه
      واتمني من كل شخص يشارك انه يضع صور لتطبيقه للدرس بأستخدام الأستايل الأفتراضي للدوره
      بدايه افترض ان الجميع يعرف كيف يثبت ويتخدم السرفر المحلي وايضاَ كيف يثبت ويستخدم منتدي فيبولتين على سرفر محلي
      وان كان هناك من لا يعرف فالشروح بالمنتدي موجوده وبكثره ولله الحمد
      نبتدي اولاَ بتحديث القوالب كي تتوافق والأصداره 3.5.3
      من لوحة تحكم المشرف العام نختار الأستايلات & القوالب
      ومن القائمه نختار البحث عن تحديث للقوالب

      سوف تلاحظ وجود القوالب التي تحتاج لتحديث تحت اسم الأستايل مع معلومات التحديث

      ونلاحظ ان قالب FORUMDISPLAY يحتاج لتحديث حيث انه تم عمله للأصداره 3.5.0 ويحتاج لتحديث كي يعمل بتوافقيه مع 3.5.3
      نضغط على تعديل القالب وراح يفتح لنا القالب بصفحه مستقله

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

      الأستايل معروض باللغه العربيه

      للتعديل نستخدم برنامج الفوتوشوب او برنامج paint الموجود مع الويندوز
      نذهب لمجلد الصور misc بمجلد الأستايل surge1

      ونبتدي بتعديل الصور التاليه
      cat_top_ls
      cat_top_rs
      footer_ls
      footer_rs
      ls_main_table_bottom
      ls_main_table_btm
      ls_main_table_top
      rs_main_table_bottom
      rs_main_table_btm
      rs_main_table_top
      surge_hdr_ls
      surge_hdr_top
      وهذي الصور اهي الي تحدد شكل الأستايل الرئيسي ونحتاج ان نغير اتجاهم من اليمين الي اليسار كي يتوافقون وعرض الأستايل باللغه العربيه
      نفتح الصوره ببرنامج الفوتوشوب

      - نختار Image من القائمه
      2 - نختار Rotate Canvas لتغير اتجاه الصوره
      3 - ومن ثم نختار Flip Canvase Horizontal لتغير اتجاه الصوره بشكل افقي من اليمين الي اليسار
      وهذي النتيجه

      الأن يتوافق عرض الصوره واللغه العربيه نكرر عمل تغير الأتجاه للصور الباقيه
      وهذي النتيجه بعد تعديل كل الصور

      توجد هناك بعض الملاحظات لازالت بالصفحه الرئيسيه



      لكن هذه لها وقفه اخري

      الدورة لم تكتمل الى الان وعند اكتمالها سنضيف الجزء الاخــي

    • --------------------------------------------------------------------------------

      كما تلاحظون بالصوره ان الأزرار الأصلي للرئيسيه والأسئله نوعاَ ما صغيره ولا تعطيك مساحه كافيه للكتابه بالعربيه
      فقمت بأستبدالهم بأزره اكبر وهذ هي النتيجه

      الأزره جيده لاكن مضغوطه بالمساحه المحدده لها بالأستايل
      فماهو الحل
      الحل هو تغير مساحه الخليه للأزرارين كي يتم عرضهم بالشكل الصحيح
      نفتح قالب header وننسخ كل مافيه ونذهب الي برنامج frontpage ونضع الكود هناك

      نختار خليه الرئيسيه او home
      2 نغير المساحه من 61 الي 81

      نختار خليه الأسئله او faq
      2 نغير المساحه من 61 الي 81
      ننسخ الكود من برنامج frontpage ونعيده الي قالب header ونحفظ الكود ونعاين

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

      نختار خليه الهيدر العلويه ونغير عرض الخليه الي ؟؟؟؟؟؟؟!!!!!!!
      كيف لي ان اعرف الرقم الصحيح الي اغيره
      احنا غيرنا عرض خليتين من 61 الي 81 اي 20 ضرب 2 = 40
      نغير العرض من 531 الي 571

      ونفس الشئ لخليه الخط الفاصل للهيدر
      نغير عرض الخليه من 531 الي 571
      وهذه هي النتيجه

      انتهينا من تعريب الأزره بالصفحه الرئيسيه ونستخدم نفس الشرح لتعريب ازره المشاركات بالأستايل وهي موضوع جديد اقتباس مغلق الخ الخ
      نبدء الأن بتصحيح بعض الملاحظات الي ذكرتها بالدرس السابق

      الصفحه الرئيسيه نحتاج ان نعدل كتابه ايونات المشاركات بالصفحه الرئيسيه مثل ماتلاحظون الكتابه باللغه الأنجليزيه ولا تتغير حتي وان استخدمنا اللغ العربيه بالمنتدي وذلك لأنه مصمم الأستايل وضع كتابه بدل الكود وملف
      التعريب يعتمد على تعريب الكودات
      نفتح قالب forumhome وننسخ الكود ونضعه ببرنامج frontpage

      نلاحظ هنا الكود

      رمز:
      كود بلغة HTML:
      <table border="0" align="center" cellpadding="10" cellspacing="0" style="border: 1px solid #12243E; background-color: #1E385C;"><tr> <td align="center" valign="middle" class="smallfont" ><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" align="middle" border="0" /> New posts &nbsp; &nbsp;<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts &nbsp;&nbsp;<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum &nbsp;&nbsp;</td></tr></table><!-- / icons and login code -->

      هنا المصمم استخدم new posts بدل كود المشاركات الجديده

      كود PHP:

      كود بلغة HTML:
      $vbphrase[contains_new_posts]" align="middle" border="0" /> New posts

      بدل كلمة new posts ونستخدم ترجمة ملف اللغه بالمنتدي
      ونعمل بهذا الحل مع البقيه

      هنا انا استخدمت الحل الثاني
      وهذه هي النتيجه

      تنسيق عرض المنتديات بالصفحه الرئيسيه
      كما تري فأن عرض المنتديات بالصفحه الرئيسيه غير منسق


    • تنسيق عرض المنتديات بالصفحه الرئيسيه
      كما تري فأن عرض المنتديات بالصفحه الرئيسيه غير منسق

      ولتنسيق الصفحه افتح قالب forumhome_forumbit_level1_nopost
      ابحث عن

      رمز
      كود بلغة HTML:
      <td class="thead">&nbsp;</td><td class="thead" width="100%" align="$stylevar
      "
      >
      $vbphrase[forum]</td><td class="thead" width="200">$vbphrase[last_post]</td><td class="thead">$vbphrase[threads]</td><td class="thead">$vbphrase[posts]</td><if condition="$vboptions[showmoderatorcolumn]"><td class="thead">$vbphrase[moderator]</td></if></tr>


      واستبدله بالكود التالي

      رمز

      كود بلغة HTML:
      <td class="thead" width="5%">&nbsp;</td><td class="thead" width="50%" align="$stylevar
      "
      >
      $vbphrase[forum]</td><td class="thead" width="25%">$vbphrase[last_post]</td><td class="thead" width="10%">$vbphrase[threads]</td><td class="thead" width="10%">$vbphrase[posts]</td><if condition="$vboptions['showmoderatorcolumn']"><td class="thead" width="0%">$vbphrase[moderator]</td></if></tr>


      وهذه النتيجه بعد تغير الكود

      يتبقي لدينا التالي

      و

      الصوره الرئيسيه بالهيدر وكلمة TOP بالفوتر مقلوبين
      نستخدم شرح تعريب الأزره كي نعدل الصور
      والأن بعد درس اليوم هذه هي النتيجه بالصفحه الرئيسيه للمنتدي

      السموحة على الاطالة وان شاء الله يعجبكم الشرح