عزفـ ونزفـ
09-07-2006, 12:31 PM
http://www.ojqji.net/vb/images/smilies/s22.gif
حصري تقطير جدول SHOWTHREAD مع تغير عرض طريقة الموضوعhttp://www.traidnt.net/vb/images/smilies/clap.gif
http://00op.com/up/uploads06-08-17/6008c7257f.gif
درسنا اليوم بإذن الله بيه يستطيع المبتدأ أن يعرف ما نريده من التقطير
وإن شاء الله لن يلجأ إلى أى تسائل فى قالب الموضوع
وبالنسبه للمحترف فيكفى فقط نظره سريعه على الموضوع كى يتذكر طريقة التقطير وينعش الذاكرة .
قبل البدأ أحب التنويه بان الدرس طويل ولاكن متكامل والحمدلله
ولم ألجأ إلى طرحه فى أكثر من موضوع لكى تعم الفائده
ويعلم الله كم اخذ منى وقت فى إعداده وإخراجه لكم
وما طالب أى شئ سوى الدعاء لى فى ظهر الغيب بصالح العمل
http://00op.com/up/uploads/f1cbb030c6.gif
نبدأ بسم الله ونجهز المعدادت الخاصه بالعمل
http://www.traidnt.net/vb/images/icons/iconrote.gif أولاً: ترمس قهوه للمبتدأين ترمس شاى للمحترفين
http://www.traidnt.net/vb/images/icons/iconrote.gif ثانياً : تجهيز الصور الخاصه بالتقطير
http://www.traidnt.net/vb/images/icons/iconrote.gif ثالثاً : أخراج القوالب الأتيه والإحتفاظ بهم فى ملفات تكست كلاً على حده
SHOWTHREAD
postbit
postbit_legacy
نبدأ بالتعرف على ما سوف نقوم بيه
قالب ال SHOWTHREAD
سوف نقوم من خلاله بتقطير قالب الموضوع الذى يحتوى على طريقة العرض
وأيضاً من خلاله سوف يتم التقطير لقالب الرد السريع
والقوالب postbit و postbit_legacy
سوف يتم تغير طريقة العرض من خلالهما بطريقة جديدة جداً ولم يتطرق لطرحها أحد من أخواننا
http://00op.com/up/uploads/f1cbb030c6.gif
بسم الله نبدا الدرس
للتعرف على درس سابق مماثل ولاكن مختص بقالب الناف بار كى يسهل عليكم طريقة توزيع الصور فى الفرونت بيج هنــــــــــــــا (http://www.traidnt.net/vb/showthread.php?t=139799)
بعد التعرف على كيفية التوزيع الصحيحه وإخراج القالب فى شكلة النهائى قبل التوزيع
نبدأ بإخراج أول ملف تكست الذى تحدثنا عنه فى أول الموضوع بعد أخراجه من الإستايل وهو قالب SHOWTHREAD
نضعه فى الفرونت بيج
ونبدا فى تحديد اماكن التقطير
كما موضح بالصوره
وهذه الجزئية مخصصه لقالب الموضوع وشريط أدواته
http://www.losha.net/shro7/SHOWTHREAD/01.jpg (http://www.losha.net/vb/index.php)
كما موضح نضع هذه العلامات ******** لكى تعلمنا ببداية جزء التقطير وبنهايته
وهذه البداية
ثم نضع المشيره بالماوس كما موضح بالصوره التاليه
http://www.losha.net/shro7/SHOWTHREAD/02.jpg (http://www.losha.net/vb/index.php)
وكما وضحت الصور
او نقوم بالبحث على الكود
كود:
<!-- toolbar -->
ونضع أعلاه هذه العلامات ********
ثم نقوم بالبحث عن
كود:
<!-- controls below postbits -->
ونضع أعلاه هذه العلامات ********
أنتهينا الان من وضع العلامات بين منطقة التقطير المراده
نذهب الان لصفحة الفرونت بيج المصممه والمقطرة
بعد قيامنا بنسخ كافة الاكواد بين الرموز الموضوع من قبلنا ********
وبعد وضعها نقوم بتظليل كافة الصفحه المصممه ولصقها مره أخرى فى قالب الشوزردSHOWTHREAD
مكان ما أخذنا الأكواد
ولا ننسا إزالة العلامات ********
هكذا سوف يكون الشكل بعد إعادة الجزء المنسوخ بعد التقطير
أضغط على الصوره لرؤتها بالحجم الكامل
http://www.losha.net/shro7/SHOWTHREAD/030.jpg (http://www.losha.net/shro7/SHOWTHREAD/03.jpg)
http://00op.com/up/uploads/f1cbb030c6.gif
الجزء الذى تم تقطيرة الحين هو طبعاً الجزء المخصص لعرض محتوى الموضوع
والذى يتضمن طريقة العرض سواء أفقية أو رأسيه
لأن التقطير هنا بهذه الطريقه أفضل 1000 مره من تقطير قالب البوسط بط او قالب البوست لجاسى على حده
لعدم تضخم عرض الموضوع والفصل بينهم بحجم الصور بين كل موضوع وأخر ولسهولة التصفح والتقليل من حجم البوندثات لعرض الصور بما اناه محمله على الموقع
ولكل مصمم ومبرمج وجهة نظر
بهذا الجزء من الدرس نكون أنتهينا من التقطير الكامل وليس النهائى لقالب الSHOWTHREAD وهو المختص بعرض الموضوع
http://00op.com/up/uploads06-08-17/6008c7257f.gif
بسم الله نبدا الجزء الثانى
وهو تقطير قالب الرد السريع
وكان فى النسخ القديمة يتم تقطيره او توزيع الصور عليه من قالب showthread_quickreply
أما فى النسخ الحديثه يتم توزيعه من قالبنا اليوم قالب الSHOWTHREAD
نذهب للفرونت بيج ونضع مشيرة الموس كما موضح فى الصور التالية
http://www.losha.net/shro7/SHOWTHREAD/004.jpg (http://www.losha.net/vb/index.php)
ثم نحدد بوضع هذه العلامات ( ******** ) كما قولنا سابقاً
ثم نذهب للجهه المعاكسه ونضع مسيرة الموس كما موضح
http://www.losha.net/shro7/SHOWTHREAD/04.jpg (http://www.losha.net/vb/index.php)
ثم نحدد بوضع هذه العلامات ( ******** )
وطبعا الصور موضحه
او نقوم بالبحث على الكود
كود:
<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
مكان ما أخذنا الأكواد
ولا ننسا إزالة العلامات ( ******** )
هكذا سوف يكون الشكل بعد إعادة الجزء المنسوخ بعد التقطير
http://www.losha.net/shro7/SHOWTHREAD/07.jpg (http://www.losha.net/vb/index.php)
نكون بهذه المرحله الثانيه فى قالب شوزرد SHOWTHREAD
إنتهينا من تقطير الجدولان الأساسيان فى عرض الموضوع والرد السريع
نقوم الان بالتوكل على الله
ونسخ جميع محتوى قالب الشوزرد SHOWTHREAD من الفرونت بيج والتوجه إلى القالب المأخوز منه ووضعه كما كان
ثم نتوجه إلى المنتدى ونرى ماذا فعلت أيدينا
وهذه النتيجه موضحه بالصورة التاليه
http://www.losha.net/shro7/SHOWTHREAD/05.jpg (http://www.losha.net/vb/index.php)
أخ يوجد خلل كما ترون فرق بين التقطير وقالب الموضوع
لكى تتعرف على هذه المتغيرات
توجهه للرابط التالى لكى تتعرف على خصائص المتغيارت للإستايل من داخل غرفة التحكم
http://www.losha.net/admincp/vBulletinkm.htm (http://www.losha.net/admincp/vBulletinkm.htm)
ثم ننتبه للشرح التالى لكى نعالج فروق المسافات الظاهره
نتوجه كما موضح بالصوره التالية
متغيرات الإستايل
http://www.losha.net/shro7/SHOWTHREAD/08.jpg (http://www.losha.net/vb/index.php)
ثم نلاحظ الصوره التاليه وهيه الخاصه بالحدود والمسافات بينها
http://www.losha.net/shro7/SHOWTHREAD/008.gif (http://www.losha.net/vb/index.php)
وننفز ما هو مكتوب فى الصوره وهو تغير الرقم الموضح إلى رقم صفر لكى نلغى الحدود الداخليه
ونتوجه بعد التغير إلى قالب الموضوع ونرى النتيجه
http://www.losha.net/shro7/SHOWTHREAD/09.jpg (http://www.losha.net/vb/index.php)
الحمدلله تمت المعالجه وإظهار القالب على اكمل وجه http://www.traidnt.net/vb/images/smilies/icon30.gif
ومن هذه المرحله يمكنك إعتماد قالب الشوزرد SHOWTHREAD بكل خير والأنتهاء من التصميم وإعتماده
منقول من سوالف
حصري تقطير جدول SHOWTHREAD مع تغير عرض طريقة الموضوعhttp://www.traidnt.net/vb/images/smilies/clap.gif
http://00op.com/up/uploads06-08-17/6008c7257f.gif
درسنا اليوم بإذن الله بيه يستطيع المبتدأ أن يعرف ما نريده من التقطير
وإن شاء الله لن يلجأ إلى أى تسائل فى قالب الموضوع
وبالنسبه للمحترف فيكفى فقط نظره سريعه على الموضوع كى يتذكر طريقة التقطير وينعش الذاكرة .
قبل البدأ أحب التنويه بان الدرس طويل ولاكن متكامل والحمدلله
ولم ألجأ إلى طرحه فى أكثر من موضوع لكى تعم الفائده
ويعلم الله كم اخذ منى وقت فى إعداده وإخراجه لكم
وما طالب أى شئ سوى الدعاء لى فى ظهر الغيب بصالح العمل
http://00op.com/up/uploads/f1cbb030c6.gif
نبدأ بسم الله ونجهز المعدادت الخاصه بالعمل
http://www.traidnt.net/vb/images/icons/iconrote.gif أولاً: ترمس قهوه للمبتدأين ترمس شاى للمحترفين
http://www.traidnt.net/vb/images/icons/iconrote.gif ثانياً : تجهيز الصور الخاصه بالتقطير
http://www.traidnt.net/vb/images/icons/iconrote.gif ثالثاً : أخراج القوالب الأتيه والإحتفاظ بهم فى ملفات تكست كلاً على حده
SHOWTHREAD
postbit
postbit_legacy
نبدأ بالتعرف على ما سوف نقوم بيه
قالب ال SHOWTHREAD
سوف نقوم من خلاله بتقطير قالب الموضوع الذى يحتوى على طريقة العرض
وأيضاً من خلاله سوف يتم التقطير لقالب الرد السريع
والقوالب postbit و postbit_legacy
سوف يتم تغير طريقة العرض من خلالهما بطريقة جديدة جداً ولم يتطرق لطرحها أحد من أخواننا
http://00op.com/up/uploads/f1cbb030c6.gif
بسم الله نبدا الدرس
للتعرف على درس سابق مماثل ولاكن مختص بقالب الناف بار كى يسهل عليكم طريقة توزيع الصور فى الفرونت بيج هنــــــــــــــا (http://www.traidnt.net/vb/showthread.php?t=139799)
بعد التعرف على كيفية التوزيع الصحيحه وإخراج القالب فى شكلة النهائى قبل التوزيع
نبدأ بإخراج أول ملف تكست الذى تحدثنا عنه فى أول الموضوع بعد أخراجه من الإستايل وهو قالب SHOWTHREAD
نضعه فى الفرونت بيج
ونبدا فى تحديد اماكن التقطير
كما موضح بالصوره
وهذه الجزئية مخصصه لقالب الموضوع وشريط أدواته
http://www.losha.net/shro7/SHOWTHREAD/01.jpg (http://www.losha.net/vb/index.php)
كما موضح نضع هذه العلامات ******** لكى تعلمنا ببداية جزء التقطير وبنهايته
وهذه البداية
ثم نضع المشيره بالماوس كما موضح بالصوره التاليه
http://www.losha.net/shro7/SHOWTHREAD/02.jpg (http://www.losha.net/vb/index.php)
وكما وضحت الصور
او نقوم بالبحث على الكود
كود:
<!-- toolbar -->
ونضع أعلاه هذه العلامات ********
ثم نقوم بالبحث عن
كود:
<!-- controls below postbits -->
ونضع أعلاه هذه العلامات ********
أنتهينا الان من وضع العلامات بين منطقة التقطير المراده
نذهب الان لصفحة الفرونت بيج المصممه والمقطرة
بعد قيامنا بنسخ كافة الاكواد بين الرموز الموضوع من قبلنا ********
وبعد وضعها نقوم بتظليل كافة الصفحه المصممه ولصقها مره أخرى فى قالب الشوزردSHOWTHREAD
مكان ما أخذنا الأكواد
ولا ننسا إزالة العلامات ********
هكذا سوف يكون الشكل بعد إعادة الجزء المنسوخ بعد التقطير
أضغط على الصوره لرؤتها بالحجم الكامل
http://www.losha.net/shro7/SHOWTHREAD/030.jpg (http://www.losha.net/shro7/SHOWTHREAD/03.jpg)
http://00op.com/up/uploads/f1cbb030c6.gif
الجزء الذى تم تقطيرة الحين هو طبعاً الجزء المخصص لعرض محتوى الموضوع
والذى يتضمن طريقة العرض سواء أفقية أو رأسيه
لأن التقطير هنا بهذه الطريقه أفضل 1000 مره من تقطير قالب البوسط بط او قالب البوست لجاسى على حده
لعدم تضخم عرض الموضوع والفصل بينهم بحجم الصور بين كل موضوع وأخر ولسهولة التصفح والتقليل من حجم البوندثات لعرض الصور بما اناه محمله على الموقع
ولكل مصمم ومبرمج وجهة نظر
بهذا الجزء من الدرس نكون أنتهينا من التقطير الكامل وليس النهائى لقالب الSHOWTHREAD وهو المختص بعرض الموضوع
http://00op.com/up/uploads06-08-17/6008c7257f.gif
بسم الله نبدا الجزء الثانى
وهو تقطير قالب الرد السريع
وكان فى النسخ القديمة يتم تقطيره او توزيع الصور عليه من قالب showthread_quickreply
أما فى النسخ الحديثه يتم توزيعه من قالبنا اليوم قالب الSHOWTHREAD
نذهب للفرونت بيج ونضع مشيرة الموس كما موضح فى الصور التالية
http://www.losha.net/shro7/SHOWTHREAD/004.jpg (http://www.losha.net/vb/index.php)
ثم نحدد بوضع هذه العلامات ( ******** ) كما قولنا سابقاً
ثم نذهب للجهه المعاكسه ونضع مسيرة الموس كما موضح
http://www.losha.net/shro7/SHOWTHREAD/04.jpg (http://www.losha.net/vb/index.php)
ثم نحدد بوضع هذه العلامات ( ******** )
وطبعا الصور موضحه
او نقوم بالبحث على الكود
كود:
<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
مكان ما أخذنا الأكواد
ولا ننسا إزالة العلامات ( ******** )
هكذا سوف يكون الشكل بعد إعادة الجزء المنسوخ بعد التقطير
http://www.losha.net/shro7/SHOWTHREAD/07.jpg (http://www.losha.net/vb/index.php)
نكون بهذه المرحله الثانيه فى قالب شوزرد SHOWTHREAD
إنتهينا من تقطير الجدولان الأساسيان فى عرض الموضوع والرد السريع
نقوم الان بالتوكل على الله
ونسخ جميع محتوى قالب الشوزرد SHOWTHREAD من الفرونت بيج والتوجه إلى القالب المأخوز منه ووضعه كما كان
ثم نتوجه إلى المنتدى ونرى ماذا فعلت أيدينا
وهذه النتيجه موضحه بالصورة التاليه
http://www.losha.net/shro7/SHOWTHREAD/05.jpg (http://www.losha.net/vb/index.php)
أخ يوجد خلل كما ترون فرق بين التقطير وقالب الموضوع
لكى تتعرف على هذه المتغيرات
توجهه للرابط التالى لكى تتعرف على خصائص المتغيارت للإستايل من داخل غرفة التحكم
http://www.losha.net/admincp/vBulletinkm.htm (http://www.losha.net/admincp/vBulletinkm.htm)
ثم ننتبه للشرح التالى لكى نعالج فروق المسافات الظاهره
نتوجه كما موضح بالصوره التالية
متغيرات الإستايل
http://www.losha.net/shro7/SHOWTHREAD/08.jpg (http://www.losha.net/vb/index.php)
ثم نلاحظ الصوره التاليه وهيه الخاصه بالحدود والمسافات بينها
http://www.losha.net/shro7/SHOWTHREAD/008.gif (http://www.losha.net/vb/index.php)
وننفز ما هو مكتوب فى الصوره وهو تغير الرقم الموضح إلى رقم صفر لكى نلغى الحدود الداخليه
ونتوجه بعد التغير إلى قالب الموضوع ونرى النتيجه
http://www.losha.net/shro7/SHOWTHREAD/09.jpg (http://www.losha.net/vb/index.php)
الحمدلله تمت المعالجه وإظهار القالب على اكمل وجه http://www.traidnt.net/vb/images/smilies/icon30.gif
ومن هذه المرحله يمكنك إعتماد قالب الشوزرد SHOWTHREAD بكل خير والأنتهاء من التصميم وإعتماده
منقول من سوالف