المساعد الشخصي الرقمي

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



خالد القحطاني
03-13-2009, 09:14 PM
تصميم كود في اعلى الموقع او المنتدى عن طريق برنامج الفرنت بيج
مثال للدرس

http://www.new-style.ws/upload/uploads/images/new-style-ws-a65ccb50d8.jpg
اولاً نقوم بفتح برنامج الفرنت بيج

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-f242d88bfa.jpg

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-3d9dc3d934.jpg


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

http://www.new-style.ws/upload/uploads/images/new-style-ws-ba3de365fa.jpg

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

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

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


http://www.new-style.ws/upload/uploads/images/new-style-ws-e4b99e60ce.jpg


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

http://www.new-style.ws/upload/uploads/images/new-style-ws-2f20ecf5a3.jpg



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

كما في الصوره

http://www.new-style.ws/upload/uploads/images/new-style-ws-b886a871a0.jpg



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

http://www.new-style.ws/upload/uploads/images/new-style-ws-617910d958.jpg


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


http://www.new-style.ws/upload/uploads/images/new-style-ws-b6cec2b5ab.jpg


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

http://www.new-style.ws/upload/uploads/images/new-style-ws-7638c955a2.jpg



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

http://www.new-style.ws/upload/uploads/images/new-style-ws-e1e151f4c7.jpg

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-66ebd7877d.jpg



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

http://www.new-style.ws/upload/uploads/images/new-style-ws-1cb59a5b14.jpg

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-ed19aef341.jpg

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-d6a1ad7cad.jpg



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


http://www.new-style.ws/upload/uploads/images/new-style-ws-71463217b7.jpg


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

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

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-144ba10459.jpg


http://www.new-style.ws/upload/uploads/images/new-style-ws-41650271c4.jpg



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

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-cb2ab6cf58.jpg


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

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-a65ccb50d8.jpg


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

http://www.new-style.ws/upload/uploads/images/new-style-ws-68a4b6b93e.jpg


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

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


<br />

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

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


<br />

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


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

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

мє∂ ρσкσяα
03-13-2009, 09:35 PM
درس رائع وجميل ومتقن
بارك الله فيك يا غالي
لك أفضل ++

رقم واحد
03-13-2009, 09:54 PM
جازك الله الف خير ..

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

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

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

мє∂ ρσкσяα
03-13-2009, 10:05 PM
جاري الشرح يا غالي

мє∂ ρσкσяα
03-13-2009, 10:26 PM
أدخل لوحة الإدارة ثم إتبع الشرح
http://www.new-style.ws/upload//uploads/images/new-style-ws-d5470cd657.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-d5470cd657.gif)

http://www.new-style.ws/upload//uploads/images/new-style-ws-787e2d8b2d.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-787e2d8b2d.gif)

http://www.new-style.ws/upload//uploads/images/new-style-ws-fdb1e01bdc.gif (http://www.new-style.ws/upload//uploads/images/new-style-ws-fdb1e01bdc.gif)

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

رقم واحد
03-13-2009, 10:43 PM
جازك الله الف خير ..

وماقصرت ..

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

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

خالد القحطاني
03-13-2009, 11:04 PM
محمد بيض الله وجهك على الاضافة الرائعه


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

etiquette
03-14-2009, 05:16 AM
يعطيك العافية

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

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

لاهنتم

ahmed_totta
03-17-2009, 07:15 PM
مشكور يا باشا

ALfanann79
03-18-2009, 10:39 AM
تسلم الايادي

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


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

abdullapro
04-08-2009, 07:55 PM
احسنت وبارك الله فيكم جميعا مع كل التحية والتقدير