تصميم كود لبنرات المنتدى عن طريق الفرونت بيج

[خالد القحطاني]

تصميم كود في اعلى الموقع او المنتدى عن طريق برنامج الفرنت بيج
مثال للدرس


اولاً نقوم بفتح برنامج الفرنت بيج

وتوجه الى الكود البرمجي ومسح ما فيه كما في الصورة



نتوجه الان الى تصميم الصفحة




نقوم بإدارج جدول على حسب عدد البنرات الي تحتاجها



نقوم باعداد جدول من خمس اعمده افقيه واثنين عمودي

ونقوم بتوسيطه وجعل عرض الجدول 600 بكسل

ونضع له حدود او بدون حدود كما تختار ونضع لون للحدود ثم موافق





نقوم بتضليل الجدول الاول بجميع صفوفه كي نجعلها صف واحد





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

كما في الصوره





وبعدها نقوم بتحديد جميع الجدول ونضغط على توسيط




نذهب الى الجدول العلوي ونضغط كلك يمين عليه





ونختار كما هو موضح بالصوره





نضع لون لخلفية الجدول العلوي



ثم اوكي .. ثم تكتب فيه ما تشاء مثال اعلانات المنتدى





نجعل مؤشر الفارة على الجدول الايمن السفلي لكي ندرج صورة



ونختار من الشريط العلوي ادراج صورة



ونضع رابط البنر المطلوب





ثم نضغط دبل كلك على البنر





نضع وصف للبنر عند مرور الماوس عليه

ونضع الرابط الذي يتوج اليه البنر عند الضغط عليه

ثم نضغط على بروس كما في الصوره لضبط فتحت البنر هل في نفس الصفحة ام صفحة أخرى








نختار الان طريقة فتح البنر هل في نفس الصفحة ام صفحة أخرى

ثم نضغط اوكيه في جميع البوكسات الي ظاهره في الشاشه




نعمل اضافة للبنرات في جميع الصفوف الباقيه كما عملناه في الصف الاول

وتصبح النتيجه




ثم نتوجه الى الكود البرمجي




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

يمكنك اضافة كود

<br />

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

ويمكنك الاستغناء عن هذا الكود

<br />

ولك حرية الاختيار


ارجو ان يكون الدرس سهل ومبسط

لاني بجد ابيه يكون مفهوم

[мє∂ ρσкσяα]

درس رائع وجميل ومتقن
بارك الله فيك يا غالي
لك أفضل ++

[رقم واحد]

جازك الله الف خير ..

الشرح واااااااضح جداااا ..

وانا طبقته عدل..

بس ممكن اتقولي كيف احطه في اخر قالب الهيدر ..؟؟

[мє∂ ρσкσяα]

جاري الشرح يا غالي

[мє∂ ρσкσяα]

أدخل لوحة الإدارة ثم إتبع الشرح






أنسخ الكود في الأخير

[رقم واحد]

جازك الله الف خير ..

وماقصرت ..

انا استفدت وايد اشيا..

وهذا بفضل منتداكم ..

[خالد القحطاني]

محمد بيض الله وجهك على الاضافة الرائعه


رقم واحد .. أهم شي الفائده وغير ذالك غير مهم شكرا على ثنائك

[etiquette]

يعطيك العافية

ماقصرو الاخوان

وكان ودي اساعدك لكنهم اشروح بالتفصيل الممل

لاهنتم

[New Style]

مشكور يا باشا

[ALfanann79]

تسلم الايادي

جزاك الله كل الخير


تحيتي لك عزيزي