الدرس الثاني ( تقطيع الاستايل + توزيعة علي الفرونت بيدج + تركيبة ) دورة المبتدئين

اللهم صل على محمد وعلى آله وصحبه أجمعين

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

صباح الخير / مساء الخير
اليوم نطرح لكم الدرس الثاني من دورتنا

الدرس الثاني ( تقطيع الاستايل + توزيعة علي الفرونت بيدج + تركيبة ) دورة المبتدئين

لمشاهدة الدرس الاول
الدرس الاول ( تصميم البنر +تصميم الفوتر + الازرار ) تصميم ستايل للمبتدئين


لنبدء علي بركة الله :-[/color]
اخر شئ توقفنا عندة هو الانتهاء من التصميم واصبح بالشكل التالي



الان عليك بفتح العمل علي الفوتشوب
ثم اضغط علي الاختصار
ctrl+
لينتج لك هذة المبرعات الصغيرة



ومن ثم نبدأ بالتقطيع باستخدام الاداة التالية



وابدأ بالتقطيع علي الشكل اتالي مع مراعاة منطقة التمدد


نفس الشئ ونفس المقاسات التقطيع نفذها علي الفوتر


بعد الانتهاء من التصميم نحفظ العمل





حتي الان كل شئ تمام
طعنا الاستايل وحفظنا الصور
الان توجة وافتح الفرونت بيدج
ومسح الاكواد البرمجية الموجودة




ومن ثم تابع الصور




ثم نقوم بانشاء الجداول من اعلي الفرونت بيدج كما بالصورة اتالية



بعد انشاء الجداول سيكون شكلها كالتالي



قم بالضغط كليك يمين علي الجداول



طبق مافي الصورة التالية



الان شوف شكلها



لنبدأ بتركيب الصور الان علي الجداول
اول خطة كليك يمين علي الجدول



وقم بتركيب صورة الخلفية ( صورة التمدد )
والان كليك يمين مرة اخري علي الجدول لنقوم بعمل جداول اضافية




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



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



وقم بتركيب الصور علي الفوتر
الشكل النهائي


الان ضع الموقع بالجدول المنتصف مابين الفورت والبنر



ومن اعلي الفرونت بيدج نفذ الاتي



الان شوف الصورة



كما لاحظت امتداد الصور من جهازك
علينا بتغير امتداد الصور لنستطيع تركيبة علي المنتدي
اشر علي الامتداد المضلل كما بالصورة السابقة بالاعلي
ومن ثم اضغط الاختصار
ctrl+f
سيظهر لك كما بالصورة التالية ونفذ الخطوات اللي بالصورة



سيظهر لك شاشة تأكد العمل



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



الان ركز معي بالخطوة التالي
شوف كود البنر



شوف كود الفوتر



باختصار شديد
اللي فوق الكود
كود PHP: td>
يكون هو البنر
واللي اسفل الكود يكون الفوتر كما موضح بالصور بالاعلي
الان اترك الفرونت بيدج مفتوح
وتوجة لمنتداك ودخول لوحة التحكم



ثم



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



ملاحظة
قبل لصق كود البنر بالمنتدى قم اولا بمسح الهيدر بالمنتدي وترك الكود التالي

كود PHP:
$spacer_open
$_phpinclude_output
$ad_********[ad_header_end
]

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



الصق كود الفوتر اسفل هذا الكود
الان انزل بالاسفل حتي تصل الي



ثم انزل بالاسفل مرة اخري لتصل الي



وبالنهاية حفظ العمل




تم الانتهاء من التقطيع والتوزيع والتركيب

بالنهاية اتمني من الجميع ان يعذرونا لو قصرت بالشرح
لقلة النوم لدي وانشغالي الشديد
ولو لديك اي استفسار اخوي الكريم علي فقط بطلب الاستفسار وسيتم الرد عليك ان شاء الله .
وانتظرو الدورة القادمة

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