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

اذهب الى الأسفل

ÊÞäíÉ اضف غلاف لكل قسم.. يظهر في اعلى المواضيع

مُساهمة من طرف كونان2000 السبت 14 يناير 2023 - 21: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(صورة)"
        });
});

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

وفي حال اردت غلاف لاكثر من قسم
اضف سطر جديد الى كود الجافا كالتالي
الكود:
$(function() {
if($('a.nav[href^="/f????-"]').length)
  $(".logo-posts").css({
    "background": "url(صورة)"
        });
});

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

وفقكم الله
________________________
تمت كتابة هذا الكود بواسطة كونان2000
كونان2000
كونان2000
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 1033
معدل النشاط : 1995
السُمعة : 159

https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

ابوعلي البلقاوي, Ghostface و العراقي الطائي يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى