صفحة 1 من 3 123 الأخيرةالأخيرة
النتائج 1 إلى 15 من 32

الموضوع: درس تعريب استايل اجنبى ... من وجهة نظــرى :)

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54

    درس تعريب استايل اجنبى ... من وجهة نظــرى :)



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

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

    انهارده يمعلمين هنتعلم ازاى نعرب استايل اجنبى .. وطبعا كالعادة هنخشـو فى الموضوع على طول من غيـر لت وعجــن (لا دانا لازم الت واعجن )

    ياااااااااااه افتكر كدا اول مرة عربت اسـتايل (كان تعريب زباله) احم احم كان يوم مشمس جميـل (مشمس ايه دانا كنت بالليل ساعتها) المهم ... فى يوم من ذات الايام شــفت استايل اجنبى عجبنى اوى .. صممت انى اعربه .. بس اعربه ازاى ياحسـرة مانا كنت اياميـها جاهل لا يفـقه شئ (والحمد لله مازلت)

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

    قمت معرب الاسـتايل بايدى بقا ماهو انا مش هقف اتفرج .. والحمد لله مشـيت والاسـتايل اتعرب والعملية بقت اشطـة

    بس بجد يجماعة تعريب زفت دون المستوى حاجة متشـرفش بس قضـت الغرض ساعتها وعلمتنى حاجة جديدة لحد مشوفت موضوع رهــيب انا مش ناقل منه انا اتعلمت منها غلطتى بـس ... بدليل ان موضوعى هيبقـا باسـلوب تانى خالص وانى والله بعرب قبل مشوف الموضوع دا .. انا عرفت منه الغلطة اللى كنت بقع فيها واستفادت منه كتيـر الصـراحة ...

    الموضوع للاخ netzoner من شبكة كوكب البحرين
    http://www.planetbh.com/vb/showpost.php?p=128904

    رابط الموضوع فوق اهو يمعلمين يعنى ممكن توفرو على نفسكو رغـيى وتروحو تشوفوه وخلاص ... بس المشكلة انى لو كنت هاعمل موضوع زى دا بالظبط كنت طنشت ونقـلت دا وكتبت منقول .. لكن انا هضـيف حاجات كويسة وعادة متعودتش انقـل حاجة غيـر للشـديد الاوى .. ولازم اكون مجربها الاول .. (ينهار ابيض كل دا رغى الله يكون فى عونكو وربنا) .

    نبتدى القـصة بقا (يالهوى لسـه هتبتدى) .. يوه اصـدى نشوف نظام الدرس بتاع التعريب

    1- رفع الاستايل وتحديثه ..

    2- تعديل الصـفحة الرئيسية عشان تبقا منسـقة .. (هيـا دى اللى انا ناقـلها بالنص ومكنتش اعرفها نهائى )
    3- عكس اتجاهات الصور وتعريب الازرار (بالفوتوشـوب) .. اسهل حاجة بس اانا بحب الزراير انجليزى كل واحد حر بقا

    4- تعديل بعض القوالب .. (وكل تعديل طبعا هنشـرح التأثير بتاعه)

    5- تغيير الخطوط بتاعت الاستايل عشان يتناسق مع اللغة العربية .. (اصعب واسهل حاجة فى نفس ذات الوقـت)

    6- تعديل الـ postbitlegacy وتعديل الـ popup menu (عشان الاستايل يبقا زى الفل وصاغ سـليم)

    7- وضع حقوق تعريبك على الاستايل (وطبعا شـيل الحقوق دا اسهل حاجة)


    بس هوا دا اللى اعرفه بقا ولحد دلوقتى كل الاستايلات اللى عربتها تمام التمام وشغاله اسرع من اى استايل عربى ..

    مستلزمات تطبيق الدرس ..

    1- جهاز كمبيوتر
    2- برنامج الفوتوشــوب اى اصدار ان شـا الله photoshop 2
    3- سيرفر محلى localhost.. انا باستعمل الـ apache والحمد لله زى الفل .
    4- نسخة منتدى vb يستحسن اخر اصـدار 3.5.4
    5- الاســتايل اللى هنتعلم عليـه حمــل من هنــا
    6- برنامج الـ note pad

    بس بجد والله يجدعان انا الموضوع دا تعبت فيه اوى عشـان انا حاولت على اد ماقـدر اوصـل المعلومة بشـكل مبسـط ياريت اشوف تطبيقات ..

    وقبل اى حاجة احب اشكـر الاخ العزيز netzoner عشـان هوا السـبب انى اعرب استايلات وعمره ما بخـل عليا بمعلومة ..








  2. #2
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


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

    مقـــدمة الدرس : التعريف بما ســيتم تعريبه ..

    بدايتا كدا احب اقول انى اسـف على الرغى اللى عمال ارغيـه دا بس انا عايز المعلومة تثبت لان بعد كدا ان شاء الله هتلاقوها مفيــدة جدا جدا ... ياربى برضـه رغاى ..

    فى حكمة انكليــزية او امريكانية الله اعلم بتقــول ...
    it's 2 rules to success .. first : don't tell all you know

    محدش يسـأل عن التانية .. ماهو مقـالهاش تطبيـقا للاولانيــة :bigsmile:

    بس تعرفو الاجانب مبيطبقوش الحكمة دى .. احنا بس اللى بنطبـقها .. لو كل واحد يعرف معلومة يقولها كاملة وميبـخلش بيها على الناس .. احتمال بدل منعرب نبرمج ... يارب احنا يعنى عايزين ايـه .. يادى النيلة ايـه المقـدمات الطويلة دى نخش بقا فى المقــدمة بتاعت الدرس اللى فات دا كان مقدمة المقدمة :bigsmile: (انا مش قـلتلكو ربنا يكون فى عونكو وتستحملونى).

    رؤية شاملة على الاسـتايل قبل التعريب وتحديد الحاجات اللى هنعربها ..

    دى صورة الصـفحة الرئيسية ..



    ندخل بقا اى منتدى ..



    دى كانت ايضاحات لبعض الحاجات اللى هتحتاج نعدلها

    بعد كدا تعديل الـ postbitlegacy ودى عشـان شكل المشاركة والتوقـيع يبقا كويس ..

    ودا مثال للـ postbitlegacy قبل التعريب عشـان هنحط امثـلة بعد التعريب يمعلمين ..



    فاضـل بقا الحاجة اللى جننتنى وخليتنى معملش الشـرح الشـرح دا من زمان قلت مش هحط الشـرح دا غيـر لما اعرفها والحمد لله عرفتها من كام يوم كدا لما صممت انى اعرفها ... والله اتشـقلبت فى الاسـتايل لحد ملقيتها .. :bigsmile:

    وهيـا الـ popup menu .. بصو قبل التعريب عاملة ازاى ..



    كدا بقا عرفنا ايه الحاجات اللى هنعدلها عشـان الاسـتايل يبقا عربى ان شـاء الله .. بس رايحين فين استنو شــوفوه بعـد التعريب الاول قبل منبدأ الدرس .. :bigsmile:

    انا مش هتكلم الصور هيـا اللى هتتكلم

    الصفحة الرئيسية ...



    ودى صفحة من موضوع ..




    اظن شايفين الفرق ... يالا بقا يعم انته وهوا .. بطلو رغى وركزو ووربنا اللى مش هيطــبق الدرس دا هازعل منه جدا مش مهم ترد عليـا وتقولى مشكور المهم تطبق الدرس ... :bigsmile:







  3. #3
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    [CENTER]1- رفع الاستايل وتحديثه ..

    مش هشـرح رفع الاسـتايل طبـعا :bigsmile:

    بعد مبنرفع الاسـتايل بنعمل تحديث للقوالب بتاعته عشـان يتناسب من نسـخة المنتدى اللى احنا شغالين عليـها ويشتغل بدون مشـاكل .. شوفو الـصور








    كرر دا بقا على كل القوالب .. خلاص اول خطوة خلـصت :bigsmile:


    2- تعديل الصـفحة الرئيسية عشان تبقا منسـقة ..

    شوفو الاول صورة قبل التعديـل




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

    كود:
     <tr align="center">
          <td class="thead">&nbsp;</td>
          <td class="thead" width="100%" align="$stylevar[left]">$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>
    واستبدله ..

    كود:
    <tr align="center">
          <td class="thead" width="5%">&nbsp;</td>
          <td class="thead" width="50%" align="$stylevar[left]">$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>
    ودا الشكل بعد التعديـل ..








  4. #4
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    3- عكس اتجاهات الصور وتعريب الازرار (بالفوتوشـوب)

    اولا عكس اتجاها الصور ...

    حاجة فى منتهى البساطة والسهولة ... افتح الفوتوشوب وتابع الصور





    هنفتحها فى الفوتو شــوب ... تابع الصور ..




    طبعا يجماعة الصور اللى هنعكسـها كلها واضـحة فى الاسـتايل .... وادى اساميـها :bigsmile:

    dis_hdr_bottom_main.gif
    cat_top_ls.gif
    cat_top_text_end.gif
    cat_top_rs.gif
    ls_main_table_top.gif
    rs_main_table_top.gif
    ls_main_table_btm.gif
    rs_main_table_btm.gif
    dist_ftr_ls.gif
    dist_ftr_rs.gif

    وبكدا عرفنا عكس اتجاهات الصور يالا بقا عشـان نعرب الزراير ..







  5. #5
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    ثانيا : تعــريب الأزرار ..

    بصو يمعلمين عشـان معيدش وازيد فى الكلام .. طبعا انتو عارفين ان الزرار دى عبارة عن صــور انته هتعملو عليها كليك يميـن خصـائص وتعرفو اماكنها وتفتحوها فى الفوتوشــوب وتعملو زى الصور دى كدا .. :bigsmile:







    طبعا مفيـش اسهل من كدا :bigsmile:

    ودى صورة الاسـتايل بعـد عكسـ اتجاه الصور وتعريب الزرايـر ..



    برضـه دون المســتوى لسـه بدرى على بال متقــول ان الاستايل اتعرب تعريب تمام .. نكمل بقا الدرس الطويل الممل دا (عارف انكو اتخنقتو بــس محدش بيتعلم ببلاش :bigsmile







  6. #6
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    4- تعديل بعض القوالب ..

    التعديلات دى تعتبـر اهم حاجة فى التعريب ... على الاقـل بالنسـبالى .. بعد معملتها حسـيت انى عربت استايل بجد ... وبصـراحة فى الاول مكنتش اعرفها .. والحاجات دى اللى اخرتنى انى اعمل الموضوع دا من فترة .. بالاضافة بقا لسـرعة النت الخرافيـه اللى كنت شغال بيـها ... لا وخد عندك كمان انها اتشـالت وبقـيت ادخـل بالتليـفون (يعنى رضـينا بالهم والهم مرضــيش ) :bigsmile: يالهوى انا باحكيلكو قـصة حياتى ولا ايـه ... يالا نبدأ الدرس يعم :bigsmile:

    القالب الاول ... forumhome_forumbit_level1_nopost

    واحد يقولى ياسطـه ماحنا عدلنا عليـه قبل كدا مش هقوله غيـر حكمة انكليـزية بتقول don't look behind ..

    سبب التعديل ... فى الصورة اللى جاية ..



    التعديـل يبقا كالتالى ..

    افتح القالب ... forumhome_forumbit_level1_nopost

    ابحث عن كلمة left بدلها بكلمة right :bigsmile:

    يعنى بمعنى اصح بدل متبقا الازاحات كلها شمال نخليـها كلها يميـن :bigsmile:

    واى الصورة بعد التعديـل ..



    ...

    القالب التانى FORUMHOME

    سبب التعديل .. فى الصورة ..



    التعديـل كالتالى ..

    افتح قالب FORUMHOME

    ابحــث عن ..

    كود:
    <td width="50%" class="tcat" style="background-image:url($stylevar[imgdir_misc]/cat_top_text_bk.gif)" align="left"><div class="smallfont"><strong>$vbphrase[whats_going_on]</strong></div></td>
    استبدلها بالتالى ..

    كود:
    <td width="50%" class="tcat" style="background-image:url($stylevar[imgdir_misc]/cat_top_text_bk.gif)" align="right"><div class="smallfont"><strong>$vbphrase[whats_going_on]</strong></div></td>
    احب الفت نظركو انى معدلتش غيـر كلمة left بس خليتها right

    وادى نتيجة التعديل



    ...

    القالب الثالث .. FORUMDISPLAY

    ســبب التعديل ..



    التعديــل ...

    ابحث عن ...

    كود:
    align="left"
    استبدلها بـ

    كود:
    align="right"
    صورة بعد التعديل ..




    بس كدا يجماعة خلصت تعديـلات القوالب ... بس فى حاجة .. فى بعض الاستايلات مش لازم نعملها التعديـل دا انا باشـرح على المثال يعنى فى استايلات الحاجات دى بتبقا فيـها فى النص .. فأعتقد ان التعديـل دا ملوش لازمة فى الحالة دى .. بتبقا حسـب الاسـتايل .. يالا على الدرس اللى بعده ... :bigsmile:







  7. #7
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    5- تغيير الخطوط بتاعت الاستايل عشان يتناسق مع اللغة العربية

    يوه احنا وصـلنا للخطوة دى .. هـيا خطوة سهلة جدا بس طويلة شــوية ركزو معايا عشـان وربنا مش هشـرحها بالتفصـيل الممل كالعادة لانها مش مسـتاهـلة اتبع الصــور ..



    بعد مندخل هنا هنلاقى حاجات كتـير تحت بعـض كدا طبعا انا مقدرش اشـرحها بالتفـصيل .. بس دى بتبقا حاجة تقـديـرية حـسب ذوق اللى بيعـرب انا هديكو مثال على اللى انا باعملو وانتو احرار تعملو اللى انتو عايزينه ..



    التعديـلات دى انا بعملها على الاتى .. مع ملاحظة اختلاف التعاريب ...

    الجسم
    <td>, <th>, <p>, <li>
    تصنيف السكربتات
    Table Header
    WYSIWYG Editor (Should usually be the same as 'First Alternating Color' or 'Input Fields')
    Input Fields
    الأزرار
    select> Menus
    خط صغير
    Navbar Text
    legend
    Popup Menu Controls
    Popup Menu Option Row
    Popup Menu Highlighted Option


    بس كدا معلش طويلة شـوية بـس دى اهم خطوة فى تعريب الاستايل .. :bigsmile:







  8. #8
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    [CENTER]6- تعديل الـ postbitlegacy وتعديل الـ popup menu

    اول تعديل معلش مش هاعملو صـور هوا التعديل الخاص بتنســيق معلومات العضو وشكل المشاركة وشكل التوقـيع وكمان عدم تكرار توقيع العضو مرتين فى الصفحة الواحدة ..

    هوا تعديـل الـ postbitlegacy

    فى التعديـل دا احنا هنسـتبدل المحتوى بتاع postbitlegacy ونحط بدل منه المرفق ..


    ودا التعديل الاول ونتيجـته الصورة دى ..







    الملفات المرفقة الملفات المرفقة

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    تعديل الـ popup menu

    دا تعـديل بسـيط جدا سببه فى الصورة دى ..



    لتعديـله اتبع الاتى ..






    ودى نتيجة التعديـل ..



    وبكدا يجماعة خلـصت الخطوة 6 يالا نكمل ..







  10. #10
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    7- وضع حقوق تعريبك على الاستايل

    باختصار كدا يمعلمين هوا كود بنحطـه فى الــ footer بتاع الاســتايل

    افتح القـالب footer

    ابحث عن ..
    كود:
    <div class="smallfont" align="center">
     <!-- Do not remove this copyright notice -->
     $vbphrase[powered_by_vbulletin]
    اعلاه ضع ..
    كود:
    <div align="center" class="smallfont">
    <em>تعريب:</em> <strong>LiON HeaRT</strong>
        </div>
    طبعا شـيل lion heart وحط اسـمك ..

    بس يجماعة ليا رجاء عندكو .. لو انتو اللى معربين اكتبـو اساميكو بالفونت العريـض .. انما لو مش انتو اكتبو صاحب التعريب الحقيق عشـان الراجل دا تعب فى الحاجة دى واداهالنا بدون مقابل ... يبقا من حقه عليـنا اننا نسـيب اسمـه على شغله .. اللى تعب فيـه ..

    يالا على اخر خطــوة :bigsmile:






  11. #11
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    54


    تحميــل ملف الاســتايل ..

    طبعا عشـان اطرح الاسـتايل للناس او ارفعو على موقعى الشخـصى بعد تعريبة لازم احملو بصـيغة xml اما عن مجلد صور الاستايل فبتنقلو وخلاص ..

    اتبع الصورة عشان تعرف ازاى تحمل الاستايل بصـيغة xml

    ادخل لوحة التحكم

    بعد كدا اختار رفع وتحميل الاستايلات



    واحفظ الاستايل على جهازك .. وشـكرا ..

    بصو يجماعة انا مش عامل الموضوع دا عشـان حد يقولى مشكور والكلام دا .. انا طلع عينى فى الموضوع عشـان حد يتعلم منه حاجة وانا اخد حسنات ماهو السـيئات اصـلا كترت اوى فعشـان اتأكد ان حد اتعلم انا عايز تطبيقات وامثـلة .. مش شـرط ردود اهم حاجة تطبيقات على الدرس ... ارجو ان اكون افدت .. واسـف على المقدمات المملة بتاعتى :bigsmile:







  12. #12
    عضو فعال جدا
    تاريخ التسجيل
    Feb 2000
    المشاركات
    3,248


    مشكور اخوي وعساك على القوة






  13. #13
    عضو سوبر نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    628


    كلمة مبدع قليله بحقك
    يعطيك العافيه اخوى






  14. #14


    ماقصرت

    بس imageshack.us محجوب





    __________________
    موقع رياض القرآن متخصص بالقرآن الكريم
    WwW.Ryadh-Quran.NeT

  15. #15
    عضو نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    267


    والله مبدع وأروع من الروعة.

    وليت كل الناس مثلك كان وضع الانترنت العربية غير.

    (الصور لاتظهر للأسف)





    __________________
    robma2008 # gmail. com

صفحة 1 من 3 123 الأخيرةالأخيرة




ضوابط المشاركة

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