اضف غلاف لكل قسم.. يظهر في اعلى المواضيع

كونان2000اشراف عام المساعدة

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع

من طرف كونان2000 14.01.2023 في 19:53

السلام عليكم

_______________________________

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع
يعمل على جميع النسخ

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Ocia_a38

---------------------------

في هذا الموضوع سوف اشرح لكم طريقة لوضع غلاف يظهر في اعلى المواضيع,
كل مواضيع في قسم لها غلاف او شعار خاص بها,

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

طريقة التركيب
----------
اولا ضع الوسم التالي في اعلى قالب المواضيعviewtopic_body
الكود

اقتباس :: <div class="logo-posts"></div>

ثم ضع الكود التالي في الجافا

العنوان: كما يحلو لك
المكان: المواضيع

اقتباس :: $(function() {
  $(".logo-posts").css({
   "display": "inline-block",
   "width": "100%",
   "height": "130px"
});
  });

$(function() {
if($('a.nav[href^="/f????-"]').length)
  $(".logo-posts").css({
   "background": "url(صورة)"
   });
});

لاحظ انه يوجد بالكود علامة (????)
استبدلها برقم القسم
وكلمة صورة بالكود استبدلها برابط صورة الغلاف الذي تريد

كما في الصورة

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Ocia_a43

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

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Ocia_a39

--------------------
وفي حال اردت غلاف لاكثر من قسم
اضف سطر جديد الى كود الجافا كالتالي

اقتباس :: $(function() {
if($('a.nav[href^="/f????-"]').length)
  $(".logo-posts").css({
   "background": "url(صورة)"
   });
});

بدل (????) برقم القسم
وكلمة صورة برابط صورة الغلاف الذي تريد
وهكذا كرر جزء جديد بالجافا لكل قسم
كما في الصورة

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Ocia_a42

________________________
تمت كتابة هذا الكود بواسطة كونان2000

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Taw8ee3