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

كيفيكم طيبين ان شاء الله

أقدم لكم شرح من إكتشافي حصري على منتديات عالم الإبداع وترايدنت فقط رجاء مراعاة الحقوق ^^"

وهو كيفية إعطاء لون أو صورة لكل قسم
برئيسية المنتدى حيث مثلا المنتدى العام لون او صورة مختلفة عن المنتدى
الإسلامي الخ... وتقدر تسوي إطارات مختلفة كمان لكل قسم ^^"

هذا الشرح متفرع قمت بتجهيزه قبل بداية
دورة ( إحتراف التعامل مع الجيكوري في بيئة سكربت المنتديات المشهور ال
vbulletin والتطبيق يكون على عدة منتديات تستعمل حركات الجكوري ) وبما أنه
الكثير سألني عن كيفية عمل هذه الحركة حيث أنه كان احد المنتديات يستعمل
الجكوري مطبقها فقلت أكتب الشرح في موضوع لحاله لانه ما يعتبر له علاقة
بالجيكوري ^^"

لرؤية مثال مباشر || اضغط هنا لرؤية المثال

في هذا الدرس راح تستفيد في اشياء خارج عن مسار الدرس صدقوني

المهم نبدا في الشرح < ترو والله لا موقع انجليزي ولا اسباني كله من تخبيصي وإكتشافي

الشرح على جزئين

الجزء الأول : تعديل على القوالب

الجزء الثاني : معرفة id لكل قسم و إضافة الوان او صور الأقسام

الجزء الأول

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

الخطوة الأولى : للاقسام الغير مفصولة او الغير مأطرة إفتح قالب


رمز PHP:




FORUMHOME








الخطوة الأولى للاقسام المفصولة أو المأطرة : إفتح قالب


رمز PHP:




forumhome_forumbit_level1_nopost









الخطوة الثانية : إبحث عن


رمز PHP:




class="tcat"








الخطوة الثالثة : إستبدله الكود الي فوق بهذا الكود



رمز PHP:




id="cw_$forumid"









الجزء الثاني

معرفة اي دي كل قسم
كيفية معرفة الأي دي مال الأقسام سهلة إذهب
لللمنتدى وأشر الماوس على القسم الرئيسي سيظهر لك في البار السفلي
بالمتصفح رابط القسم واخر الرابط ستلاحظ يوجد رقم هذا هو الاي دي حق القسم
الي اشرت عليه الماوس
مثال توضيحي اكثر

هذا رابط القسم : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

لاحظ أخر الرابط يوجد رقم وهو 54 هذا هو الاي دي كذا تعرف انت الاي دي لانك تحتاجه في تلوين كل قسم عن طريق خصائص css ^^"

الحين نذهب إلى الإستايل المراد التعديل عليه ثم خيارات جميع الإستايلات ثم نضغط إذهب

ثم نذهب إلى تعاريف CSS الإضافية/Additional CSS Definitions

صورة توضيحية



هنا سنقوم بتلوين الأقسام لكل قسم لون او صور كيف ما تشاء ^^"

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



رمز PHP:




#cw_1 {
background-color: #f2bc00;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_5 {
background-color: #dd0000;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_58 {
background-color: #148ea4;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_18 {
background-color: #FF3399;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_26 {
background-color: #9933FF;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}
#cw_39 {
background-color: #009999;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;






google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);



}
#cw_54 {
background-color: #996600;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}








ما وظيفة هذا الكود
: هذا الكود لاحظه كل خاصية css تبدا في cw و _ وثم رقم وهذا الرقم هو رقم
القسم حيث يجب عليك تعديل ارقام الأقسام الى ارقام منتداك وفي حالة تبقى
لك اقسام غير ملونة سهل ما عليك الا اضافة هذا الكود من جديد


رمز PHP:




#cw_إستبدل الكلام العربي برقم القسم {
background-color: #009999;
background-image: url('ضع هنا رابط الصورة التي تريد ظهورها');
background-repeat: repeat;
}








واضفه تحت
الخصائص الي اضفتها الحين وكل قسم اضف له خاصيته مع تغيير ارقام اي دي
اقسامك وواضافة الصور او الالوان وايضا لمن اراد تلوين بدون صورة يزيل
السطر الثاني ومن اراد عدم اعادة الصورة من جديد يعني no repeat فقط ازل
السطر الثالث وسوي حفظ

ملاحظة : يجب عليك جلب ارقام الاقسام الرئيسية فقط وليس الفرعية لاننا سنقوم بوضع صورة او لون للاقسام الرئيسية فقط

وترو توجد عدة إستخدامات سترونها في
شروحاتي القادمة لوسم id حيث إضافة إطار معين لكل قسم او تغيير تلوين كامل
لكل قسم والكثير فقط ترقبوني بعد ما انتهي من دورة الجكوري ^^"

وأي إستفسار انا جاهز
رجاء مراعاة الحقوق
وعدم النقل من ترايدنت او عالم الإبداع الا بإذن

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

 

الموضوع الاصلى : شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml      المصدر : منتديات عرباوى     الكاتب : The MasTer

شكرا جزيلا اخى

اتحاد المنتديات

موضووع ممتاز

 

الموضوع الاصلى : شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml      المصدر : منتديات عرباوى     الكاتب : الحلم الجديد

شكرا على ردودكم يا جماعه ومنظر المزيد

 

الموضوع الاصلى : شرح إحترافي كيفية إعطاء الأقسام الرئيسية,Category Strips لون او صورة خاصة valid xhtml      المصدر : منتديات عرباوى     الكاتب : The MasTer