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

اذهب الى الأسفل 
كاتب الموضوعرسالة
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1755
معدل النشاط : 3634
السُمعة : 320

اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Empty
مُساهمةموضوع: اضف غلاف لكل قسم.. يظهر في اعلى المواضيع   اضف غلاف لكل قسم.. يظهر في اعلى المواضيع Emptyالسبت 14 يناير 2023 - 21:53

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

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


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

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

طريقة التركيب
----------
اولا ضع الوسم التالي في اعلى قالب المواضيعviewtopic_body
الكود:
<div class="logo-posts"></div>

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

الكود:
document.write('<style type="text/css">
.logo-posts {
    background-repeat: no-repeat !important;
    background-size: 444px 255px !important;
    background-position: center top !important;
}
</style>');
$(function() {
 if($('a.nav[href^="/f????-"]').length)
  $(".logo-posts").css({
        "height": "340px",
    "background": "url(صورة)"
        });
});

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

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

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

وفقكم الله
________________________
تم عمل هذه الميزة بواسطة كونان2000,


عدل سابقا من قبل كونان2000 في الخميس 20 يونيو 2024 - 8:00 عدل 5 مرات (السبب : تجديد الصور)

ابوعلي البلقاوي, الألحان المرحة, Witcherface, العراقي الطائي و Fish Club يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
 
اضف غلاف لكل قسم.. يظهر في اعلى المواضيع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الكود يظهر اسفل المنتدى،اريده ان يظهر اعلى المنتدى؟؟
» مساعدة: اخر المواضيع لا يظهر فيه المواضيع
» كيف اضع اخر المواضيع اعلى الصفحة
» ممكن كود لخط فاصل اعلى المواضيع
» اظهار اخر المواضيع اعلى المنتدى

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA-
انتقل الى: