درس تعريب استايل اجنبى ((شرح مميز))

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

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

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

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

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

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

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

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



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



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

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

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



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

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



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

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

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



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




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

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

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

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








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


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

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




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

كود PHP:
<tr align="center">
<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>


واستبدله ..

كود PHP:
<tr align="center">
<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>


ودا الشكل بعد التعديـل ..

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

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







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

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



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

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

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

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

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

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



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

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

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

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

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



...

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

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



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

افتح قالب FORUMHOME

ابحــث عن ..

كود PHP:
<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


>

استبدلها بالتالى ..

كود PHP:
<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

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



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

ابحث عن ...

كود PHP:
align="left"


استبدلها بـ

كود PHP:
align="right"

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

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

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

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

http://www.swalif.net/softs/showthread.php?t=176318


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

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

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

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

ابحث عن ..

كود PHP:
<div class="smallfont" align="center">
<!-- Do not remove this copyright notice -->
$vbphrase[powered_by_vbulletin]


اعلاه ضع ..

كود PHP:
<div align="center" class="smallfont">
<em>تعريب:</em> <strong>khaled2005_com</strong>
</div>