استمع للقران الكريم

قِسمُ الاستايلات لـ °¬ قسم يهتم بتقديم دورات تعليم وتصميم الإستايــلات دروس حول تصميم وتنسيق القوالب , استايلات مجانيه .

إضافة رد
قديم 06-10-2009, 04:21 AM
  #1 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي درس تعريب استايل اجنبى ((شرح مميز))



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

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



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

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

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

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

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

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

7- وضع حقوق تعريبك على الاستايل (وطبعا شـيل الحقوق دا اسهل حاجة)
الموضوع الأصلى من هنا: منتديات رومنسيات ديزاين http://www.romnciat.net/vb/t833.html#post1431


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

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

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

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 04:23 AM
  #2 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

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

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

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

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

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

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

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

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



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



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

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

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


الموضوع الأصلى من هنا: منتديات رومنسيات ديزاين http://www.romnciat.net/vb/t833.html#post1432

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

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



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

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

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



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




اظن شايفين الفرق


يتبع
__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 04:24 AM
  #3 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

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

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

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




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


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
>

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


يتبع
__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 04:28 AM
  #4 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

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

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

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





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




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

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.romnciat.net/vb/t833.html#post1434



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

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 04:31 AM
  #5 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

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

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

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

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

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



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

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

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

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

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



...

القالب التانى 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"


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




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

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 04:35 AM
  #6 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

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


بس كدا معلش طويلة شـوية بـس دى اهم خطوة فى تعريب الاستايل
الموضوع الأصلى من هنا: منتديات رومنسيات ديزاين http://www.romnciat.net/vb/t833.html#post1436

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

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

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

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

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


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



__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 04:54 AM
  #7 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

تعديل الـ popup menu

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



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






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



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


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>khaled2005_com</strong
>
</
div
>



شـيل khaled2005_comوحط اسـمك ..

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

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


__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 05:04 AM
  #8 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

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

طبعا عشـان اطرح الاسـتايل للناس او ارفعو على موقعى الشخـصى بعد تعريبة لازم احملو بصـيغة xml اما عن مجلد صور الاستايل فبتنقلو وخلاص ..
الموضوع الأصلى من هنا: منتديات رومنسيات ديزاين http://www.romnciat.net/vb/t833.html#post1438

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

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

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



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

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

__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 06-10-2009, 02:35 PM
  #9 (permalink)
 الصورة الرمزية صمت البوادي
 
تاريخ التسجيل: May 2009
الدولة: الرياض
المشاركات: 99
قوة السمعة: 9
صمت البوادي is on a distinguished road
افتراضي

يعطيك العافية
صمت البوادي غير متواجد حالياً  
رد مع اقتباس
قديم 06-11-2009, 12:05 PM
  #10 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

الله يعافيك مشكور
__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
إضافة رد

Lower Navigation
العودة   منتديات رومنسيات ديزاين > رومنسيات التِّقنيّ > قِسمُ الاستايلات

مواقع النشر (المفضلة)

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

أدوات الموضوع
انواع عرض الموضوع

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طريقة تعريب مؤثرات السويش ماكس شرح فديو mlaak «||SWiSH Max ♥•. 2 02-14-2011 02:16 PM
الباك اب التلقائى للجيل الرابع تعريب معهد الادارية العربية mlaak " قِسمُ مُنتدًياتٍ vb4.0.0 1 06-26-2010 08:22 PM
مميز صور حجاب 2010 الدانه «|| جمـــــالكِ ♥•. 0 06-04-2010 04:23 PM

روابط نصيه
خدمات التصميم استمع للقران الكريم معرض الاستايلات اعلان نصي تصاميم مدفوعه التوبيكات

الساعة الآن 01:20 PM.