ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ

  افضل مساهمة1
الدرس الثاني : الجزء 3 - تقطيع وتكويد اطارات الاقسام لجميع النسخ
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
نقدم لكم الدورة الحصرية من اعداد اختكم JAR7
دورة احتراف تكويد استايلات التومبلايت لاحلى منتدى
درسنا السابق عن
الدرس الثاني : جزء 2 (عمل ازرار للهيدر وتوجيهه لصور)


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


الدرس 29 دقيقة :

https://youtu.be/8c252bCHXT4

اهداف الدرس :
-التعرف على الكود css الموحد لعمل الاطارات
-التعرف على كلاسات التي تعمل على وضع الايطار للاقسام
-التعرف مواضع تعديل الكلاسات لكي يتم عمل اطار محدد حول الاقسام او الاحصائيات او الدردشة

كود الاطار الموحد css للنسخة 2
ضع رد لرؤية الكود:


كود الاطار الموحد css للنسخة 3
ضع رد لترى الكود:


كود الاطار الموحد لنسخة انفجن
ضغ رد لرؤية الكود:


كود الاطار الموحد لنسخة pun

ضع رد لرؤية الكود:


بالنسبة لوضع اطار خاص للدردشة الطريقة هي :
عمل وسم للدردشة لعمل اطار حولها بقالب index_body
نسخة الثانية تبحث عن {CHATBOX_TOP} للمكان الدردشة العليا وتستبدله بــ
ضع رد لرؤية الكود:



وتبحث عن {CHATBOX_BOTTOM} لمكان دردشة السفلى وتستبدله بـــ

ضع رد لرؤية الكود:




بقية النسسخ نعمل له وسم للاطار بمسمى الكلاس
للموضع الدردشة العليا تبحث عن {CHATBOX_TOP} وتستبدله بـــ

ضع رد لرؤية الكود:




لموضع الدردشة بالاسفل تبحث عن {CHATBOX_BOTTOM} وتستبدله بـــ

ضع رد لرؤية الكود:



طبعا مع نغيير اسم الكلاس JAR7 باي اسم تود اضافته

وخلصنا درسنا بعون الله

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


m13
  افضل مساهمة2
روعه موضوع رائع ومميز
عاشت الايادي دوم التالق
تحياتي
  افضل مساهمة3
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
لاتستطيع الرد على المواضيع في هذا المنتدى