تزيين قوالب المنتدى الرئيسية -الجزء الأول-

[Hicham-Ben]

السلام عليكم


سلسلة دروس تأطيرات جداول المنتدى:

1- navbar

2-forumdisplay

3-forumhome

4-showthread

5-postbit_legacy


لنبدأ اليوم بحول الله درس اليوم

1- تأطير قالب navbar

الصورة الأصلية :




لنبدأ العمل:

من لوحة التحكم

الإستايلات و القوالب:






المرحلة الثانية:

البحث عن قالب navbar

من لوحة التحكم

الإستايلات و القوالب:








المرحلة الثانية :

نفتح برنامج الفرونت بيج كما في الصورة:



نقوم بلصق كود navbar كما توضح الصورة





الآن نذهب الى أسفل الصفحة و نظغط على تصميم كما توضح الصورة:



و هنا كما ترى في الصورة:

نضعط المؤشر كما هو مبين



و نقوم بإضافة جداول كما هو موضح في الصورة:



الجدول الذي أضفناه موضح في الصورة:



هنا الجدول يجب أن لايظهر لدا نضغط على بزر الماوس الأيمن

ثم خصائص:



الخصائص التي يجب وضعها حتى يكون الجدول شفاف



هنا النتيجة موضحة في الصورة:



هنا عملية وضع الصور في الجدول:















هنا كما توضح الصور نقوم بعملية تمديد الخلية



الشكل النهائي المحصل عليه بالنسبة للجهة العليا من navbar

[Hicham-Ben]

نذهب الآن الى الجهة السفلى

كما توضح الصورة:



نفعل نفش الشيء بالنسبة للجهة السلفى

نضع الصورة اليمنى :



ثم نضع الصورة اليسرى:




هنا تضغ صورة الخلية :





هنا عملية تمديد الخلية من الجهة اليمنى:






هنا التمديد من الجهة اليسرى:



الشكل النهائي للجهة العليا و السفلى:



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



ثم نقوم بتضليل الكود و ننسخه:



ثم نضعه مكان كود navbar القديم

لنحصل في الأخير على الشكل النهائي: