تعريب استايل أجنبي بالصور :: شرح مميز
 

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


الموضوع الاصلي للاخ netzoner من شبكة كوكب البحرين
و من الاخ lion heart في منتدي سوالف سوفت .



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


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




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

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

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

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

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

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

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

http://www.gulfson.com/vb/img/up/77/...287d8fe668.gif

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

http://www.gulfson.com/vb/img/up/77/...0fde9943b8.gif

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

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

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

http://www.gulfson.com/vb/img/up/77/...45d32079fc.gif

فاضـل بقا الحاجة اللى جننتنى وخليتنى معملش الشـرح الشـرح دا من زمان قلت مش هحط الشـرح دا غيـر لما اعرفها والحمد لله عرفتها من كام يوم كدا لما صممت انى اعرفها ... والله اتشـقلبت فى الاسـتايل لحد ملقيتها .. http://traidnt.net/vb/images/smilies/bigsmile.gif

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

http://www.gulfson.com/vb/img/up/77/...5c2114ad1b.gif

كدا بقا عرفنا ايه الحاجات اللى هنعدلها عشـان الاسـتايل يبقا عربى ان شـاء الله .. بس رايحين فين استنو شــوفوه بعـد التعريب الاول قبل منبدأ الدرس .. http://traidnt.net/vb/images/smilies/bigsmile.gif

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

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

http://www.gulfson.com/vb/img/up/77/...a201300505.gif

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

http://www.gulfson.com/vb/img/up/77/...9bda82d5b0.gif


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


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

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

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

http://www.gulfson.com/vb/img/up/77/...05df9238d6.gif

http://www.gulfson.com/vb/img/up/77/...a837a8eef8.gif

http://www.gulfson.com/vb/img/up/77/...d6daf84745.gif


كرر دا بقا على كل القوالب .. خلاص اول خطوة خلـصت http://traidnt.net/vb/images/smilies/bigsmile.gif


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

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


http://www.gulfson.com/vb/img/up/77/...7f0843708a.gif

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


كود PHP:
[LEFT]
 
$vbphrase[forum]
$vbphrase[last_post]
$vbphrase[threads]
$vbphrase[posts]

$vbphrase[moderator]





واستبدله ..


كود PHP:
[LEFT]
 
$vbphrase[forum]
$vbphrase[last_post]
$vbphrase[threads]
$vbphrase[posts]

$vbphrase[moderator]


</div>

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

http://www.gulfson.com/vb/img/up/77/...011fb52485.gif


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

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

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

http://www.gulfson.com/vb/img/up/77/...dd224555b0.gif

http://www.gulfson.com/vb/img/up/77/...52c6f5f167.gif

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

http://www.gulfson.com/vb/img/up/77/...5cff3167c7.gif


طبعا يجماعة الصور اللى هنعكسـها كلها واضـحة فى الاسـتايل .... وادى اساميـها http://www.gulfson.com/vb/img/up/77/...10b48a5e87.gif

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

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


ثانيا : تعــريب الأزرار ..http://www.gulfson.com/vb/img/up/77/...015309eb25.gif

بصو يمعلمين عشـان معيدش وازيد فى الكلام .. طبعا انتو عارفين ان الزرار دى عبارة عن صــور انته هتعملو عليها كليك يميـن خصـائص وتعرفو اماكنها وتفتحوها فى الفوتوشــوب وتعملو زى الصور دى كدا .. http://traidnt.net/vb/images/smilies/bigsmile.gif

http://www.gulfson.com/vb/img/up/77/...6e60acb661.gif

http://www.gulfson.com/vb/img/up/77/...04398c1da8.gif



طبعا مفيـش اسهل من كدا http://www.gulfson.com/vb/img/up/77/...10b48a5e87.gif

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

http://www.gulfson.com/vb/img/up/77/...f9a93abba4.gif

برضـه دون المســتوى لسـه بدرى على بال متقــول ان الاستايل اتعرب تعريب تمام .. نكمل بقا الدرس الطويل الممل دا عارف انكو اتخنقتو بــس محدش بيتعلم ببلاش http://www.gulfson.com/vb/img/up/77/...2035cb1e09.gif

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

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

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

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

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

http://www.gulfson.com/vb/img/up/77/...7ef3f0cad3.gif

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

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

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

يعنى بمعنى اصح بدل متبقا الازاحات كلها شمال نخليـها كلها يميـن http://traidnt.net/vb/images/smilies/bigsmile.gif

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

http://www.gulfson.com/vb/img/up/77/...dcc263c66c.gif

...

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

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

http://www.gulfson.com/vb/img/up/77/...5b533919b6.gif

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

افتح قالب FORUMHOME

ابحــث عن ..


كود PHP: