تم إيقاف المشاركات وأصبح مركز بوابة العرب التعليمي للتصفح فقط


العودة   مركز بوابة العرب التعليمي > قسم البرمجة والبرمجيات > منتدى برامج وهاكات المنتديات

إضافة رد
 
أدوات الموضوع
  #1  
قديم 05-09-2006, 07:12 PM
الصورة الرمزية Losha
Losha Losha غير متواجد حالياً
 
تاريخ التسجيل: Nov 2005
المشاركات: 41
Thumbs up { حصري } شرح تقطير جدول SHOWTHREAD+ postbit مع تغير طريقة عرض الموضوع






حصري تقطير جدول SHOWTHREAD مع تغير عرض طريقة الموضوع



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

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


نبدأ بسم الله ونجهز المعدادت الخاصه بالعمل
أولاً: ترمس قهوه للمبتدأين ترمس شاى للمحترفين

ثانياً : تجهيز الصور الخاصه بالتقطير

ثالثاً : أخراج القوالب الأتيه والإحتفاظ بهم فى ملفات تكست كلاً على حده

SHOWTHREAD
postbit
postbit_legacy

نبدأ بالتعرف على ما سوف نقوم بيه
قالب ال SHOWTHREAD
سوف نقوم من خلاله بتقطير قالب الموضوع الذى يحتوى على طريقة العرض
وأيضاً من خلاله سوف يتم التقطير لقالب الرد السريع
والقوالب postbit و postbit_legacy

سوف يتم تغير طريقة العرض من خلالهما بطريقة جديدة جداً ولم يتطرق لطرحها أحد من أخواننا



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



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



وكما وضحت الصور
او نقوم بالبحث على الكود
كود:
<!-- toolbar -->
ونضع أعلاه هذه العلامات ********
ثم نقوم بالبحث عن
كود:
<!-- controls below postbits -->
ونضع أعلاه هذه العلامات ********
أنتهينا الان من وضع العلامات بين منطقة التقطير المراده
نذهب الان لصفحة الفرونت بيج المصممه والمقطرة
بعد قيامنا بنسخ كافة الاكواد بين الرموز الموضوع من قبلنا ********
وبعد وضعها نقوم بتظليل كافة الصفحه المصممه ولصقها مره أخرى فى قالب الشوزردSHOWTHREAD
مكان ما أخذنا الأكواد
ولا ننسا إزالة العلامات ********
هكذا سوف يكون الشكل بعد إعادة الجزء المنسوخ بعد التقطير
أضغط على الصوره لرؤتها بالحجم الكامل





الجزء الذى تم تقطيرة الحين هو طبعاً الجزء المخصص لعرض محتوى الموضوع
والذى يتضمن طريقة العرض سواء أفقية أو رأسيه
لأن التقطير هنا بهذه الطريقه أفضل 1000 مره من تقطير قالب البوسط بط او قالب البوست لجاسى على حده
لعدم تضخم عرض الموضوع والفصل بينهم بحجم الصور بين كل موضوع وأخر ولسهولة التصفح والتقليل من حجم البوندثات لعرض الصور بما اناه محمله على الموقع
ولكل مصمم ومبرمج وجهة نظر

بهذا الجزء من الدرس نكون أنتهينا من التقطير الكامل وليس النهائى لقالب الSHOWTHREAD وهو المختص بعرض الموضوع

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



ثم نحدد بوضع هذه العلامات ( ******** ) كما قولنا سابقاً
ثم نذهب للجهه المعاكسه ونضع مسيرة الموس كما موضح



ثم نحدد بوضع هذه العلامات ( ******** )

وطبعا الصور موضحه
او نقوم بالبحث على الكود
كود:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
ونضع أعلاه هذه العلامات ( ******** )
ثم نقوم بالبحث عن
كود:
</form>

<if condition="!is_browser('ie') AND $show['wysiwyg']">
ونضع أعلاه هذه العلامات ( ******** )

نذهب الان لصفحة الفرونت بيج المصممه والمقطره
بعد قيامنا بنسخ كافة الاكواد بين الرموز الموضوع من قبلنا ( ******** )
وبعد وضعها نقوم بتظليل كافة الصفحه المصممه ولصقها مره أخرى فى قالب الشوزردSHOWTHREAD
مكان ما أخذنا الأكواد
ولا ننسا إزالة العلامات ( ******** )
هكذا سوف يكون الشكل بعد إعادة الجزء المنسوخ بعد التقطير



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


أخ يوجد خلل كما ترون فرق بين التقطير وقالب الموضوع
لكى تتعرف على هذه المتغيرات
توجهه للرابط التالى لكى تتعرف على خصائص المتغيارت للإستايل من داخل غرفة التحكم

http://www.losha.net/admincp/vBulletinkm.htm

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



ثم نلاحظ الصوره التاليه وهيه الخاصه بالحدود والمسافات بينها



وننفز ما هو مكتوب فى الصوره وهو تغير الرقم الموضح إلى رقم صفر لكى نلغى الحدود الداخليه
ونتوجه بعد التغير إلى قالب الموضوع ونرى النتيجه



الحمدلله تمت المعالجه وإظهار القالب على اكمل وجه
ومن هذه المرحله يمكنك إعتماد قالب الشوزرد SHOWTHREAD بكل خير والأنتهاء من التصميم وإعتماده


أنتظرو لم ننتهى بعد فقد أنتهينا والحمدلله من التقطير ولاكن سوف نقول المذيد من ميزات منتيدات الفى بى بإستخدام أوامر الشرط </if>
وهنا سوف نناقش لما سوف نجرى هذا التغير على طريقة العرض
أولاً : كاتب الموضوع الأول
لو كان شارح موضوع فإنه سوف يستخدم كميه من الصور لا بأس بها
وبأحجام مختلفه فلنفرد ان الإستايل غير متمدد فإن الصور سوف تأخز جذئيه كبيرة من بينات العضو وسوف تسبب فركشه فى الإستايل
وحتى لو كان متمدد فأيضاً سوف يحدث هذا الأمر
هنا نبدأ بالتركيز لكى يتم التغير كما سوف أوضح
الطريقه طبعا يعرفها الخبراء وبعض العامه
ولاكن لم يتطرق لها أحد من قبل فى الطرح
وهيه جعل أول قالب للموضوع هو قالب postbit
والردود تأتى فى قالب postbit_legacy
هل نستطيع فعل ذلك نعم فلنتذكر أول الدرس فقد قولت
ثالثاً : أخراج القوالب الأتيه والإحتفاظ بهم فى ملفات تكست كلاً على حده

SHOWTHREAD
postbit
postbit_legacy



نبدأ بسم الله فى التغير لطريقة العرض

لاحظ الصورة
نفتح الملف التكست المسمى postbit
ونضع فى أول القالب أداة الشرط
كود:
<if condition="$post[postcount]==1">
وفى نهاية القالب نضع نهاية أداة الشرط
كود:
</if>
الأن نغلق ملف التكست والإحتفاظ بيه لحين العوده مره أخرى له

الأن نفتح التكست الأخر المحتوى على قالب الpostbit_legacy
وكما فعلنا فى القالب الأول مع أختلاف ترميز بسيط فى أدوات الشرط
نضع فى أول القالب
كود:
<if condition="$post[postcount]!=1">
وفى نهاية القالب نضع نهاية أداة الشرط
كود:
</if>
وهنا لا نغلق ملف التكست قبل نسخ كامل محتواه تام
وبعدها نغلقه

الان جاء وقت تغير طريقة عرض القالب
أفتح التكست الذى يحتوى على قالب الpostbit
ونضع فى أخره المحتوى الذى نسخناه كامل من قالب الpostbit_legacy
وهنا نكون أنتهينا من التعديل على القالب
كيف يتم التغير
الأن كل ما عليك أن تعرف منتداك يستخدم أى توارث فى العرض للتعرف على الأمر
توجه لهذا الموضوع

تعرف على postbit_legacy و postbit شرح
المهم
توكل على الله
وضع محتوى التكست الذى أضفنا داخله قالب الpostbit_legacy
وهو تكست قالب postbit
ضعه داخل مكانه فى جدول الإستايل
وإذهب إلى المنتدى وشوف كيف تم تغير طريقة العرض
مثال
هنــــــــــــــــــا

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

مرفق كامل الصور المطروحه بالدرس صور التصميم مقطعه لمن احب متابعة الدرس خطوه خطوه ومرفق أيضاُ قالب البوسط بط المعدل ومرفق قالب الSHOWTHREAD مقطر لمن أراد رأيته أو تبديل الصور المرفقه بالدرس بصور أخرى لديه
الدرس مشروح على نسخة 3.6.0
وأى سؤال بإذن الله أخوكم حاضر له بالتوفيق والخير نلتقى

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

وفي ختام هذا الشرح أدعوا الله لي ولكم ولوالدينا ولمن أحببناه في الدنيا
بالهداية والصلاح في الدنيا وأن يجمعنا جميعاً في الفردوس الأعلى ....

سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha





المرفقات
المرفق الأول : قالب SHOWTHREAD ...
المرفق الثانى : قالب postbit المعدل
المرفق الثالث : الدرس كامل لمن لم تظهر لدية الصور
المرفق الرابع: الصور الخاصه المنفذه بالدرس
المرفق الخامس: لمن أراد نقل الدرس لتعم الفائدة الدرس كامل بكامل محتوياته

رابط الدرس الأصلى
__________________
رد مع اقتباس
  #2  
قديم 06-09-2006, 12:59 AM
الرمان الاحمر الرمان الاحمر غير متواجد حالياً
 
تاريخ التسجيل: Apr 2001
المشاركات: 9,187
Thumbs up

وعليكم السلام ورحمة الله وبركاته

الف شكرلك اخي الكريم Losha على موضوعك القيم وعلى مجهودك الرائع

والله يعطيك الصحة و العافيه على هذا البرنامج الرائع
__________________
رد مع اقتباس
  #3  
قديم 07-09-2006, 06:06 AM
الصورة الرمزية Barakat Barakat
Barakat Barakat Barakat Barakat غير متواجد حالياً
مشــرف ســابق
 
تاريخ التسجيل: Mar 2002
المشاركات: 3,244
افتراضي

اكثر من رائع ومشكور يا علي باشا
__________________
مسلم من أمة محمد ‏...
الارض تحيا بماء ربها وانا احيا بعشق بلادي .... فلسطين
رد مع اقتباس
  #4  
قديم 07-09-2006, 07:03 AM
الصورة الرمزية mhm
mhm mhm غير متواجد حالياً
المشرف العام
مشــرف ســابق
 
تاريخ التسجيل: Feb 2001
المشاركات: 11,326
افتراضي

السلام عليكم

اخي العزيز
Losha

شرح في منتهى الروعة
شرح محترفين

تحياتي
رد مع اقتباس
  #5  
قديم 21-09-2006, 04:40 PM
الصورة الرمزية Losha
Losha Losha غير متواجد حالياً
 
تاريخ التسجيل: Nov 2005
المشاركات: 41
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة الرمان الاحمر
وعليكم السلام ورحمة الله وبركاته

الف شكرلك اخي الكريم Losha على موضوعك القيم وعلى مجهودك الرائع

والله يعطيك الصحة و العافيه على هذا البرنامج الرائع
تسلم يا غالى مرورك الطيب
__________________
رد مع اقتباس
  #6  
قديم 21-09-2006, 04:42 PM
الصورة الرمزية Losha
Losha Losha غير متواجد حالياً
 
تاريخ التسجيل: Nov 2005
المشاركات: 41
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة mhm
السلام عليكم

اخي العزيز
Losha

شرح في منتهى الروعة
شرح محترفين

تحياتي
الله يكرمك اخى الغالى
وشاكر مرورك العطر
__________________
رد مع اقتباس
  #7  
قديم 21-09-2006, 04:44 PM
الصورة الرمزية Losha
Losha Losha غير متواجد حالياً
 
تاريخ التسجيل: Nov 2005
المشاركات: 41
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة Barakat Barakat
اكثر من رائع ومشكور يا علي باشا
أستاذى الحبيب
شاكر مرورك العطر
__________________
رد مع اقتباس
  #8  
قديم 22-09-2006, 01:17 PM
مُسعر قلم مُسعر قلم غير متواجد حالياً
 
تاريخ التسجيل: Sep 2006
المشاركات: 91
افتراضي

مبدع ما شاء الله ،

وفقك الله .
رد مع اقتباس
إضافة رد

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

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

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

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


الساعة الآن 02:49 PM.


جميع الحقوق محفوظة لشبكة بوابة العرب
New Page 4
 
 
Copyright © 2000-2018 ArabsGate. All rights reserved
To report any abuse on this website please contact abuse@arabsgate.com