اضف غلاف لكل قسم.. يظهر في اعلى المواضيع
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
اضف غلاف لكل قسم.. يظهر في اعلى المواضيع
السلام عليكم ورحمة الله وبركاته
_______________________________
اضف غلاف لكل قسم.. يظهر في اعلى المواضيع
يعمل على جميع النسخ
---------------------------
في هذا الموضوع سوف اشرح لكم طريقة لوضع غلاف يظهر في اعلى المواضيع,
كل مواضيع في قسم لها غلاف او شعار خاص بها,
على سبيل المثال ان كان عندك قسم للرياضة
سوف يظهر غلاف رياضي لجميع مواضيع القسم الرياضي فقط.
و لقسم التكنولوجيا يظهر غلاف للتكنولوجيا لجميع مواضيع القسم التكنولوجيا فقط,
وهكذا لكل مواضيع قسم من الاقسام غلاف خاص
----------------
طريقة التركيب
----------
اولا ضع الوسم التالي في اعلى قالب المواضيع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](https://i.servimg.com/u/f20/16/85/77/67/ocia_a42.png)
وفقكم الله
________________________
تم عمل هذه الميزة بواسطة كونان2000,
عدل سابقا من قبل كونان2000 في الخميس 20 يونيو 2024 - 8:00 عدل 5 مرات (السبب : تجديد الصور)
ابوعلي البلقاوي, الألحان المرحة, Witcherface, العراقي الطائي و Fish Club يعجبهم هذا الموضوع
![-](https://2img.net/i/empty.gif)
» الكود يظهر اسفل المنتدى،اريده ان يظهر اعلى المنتدى؟؟
» مساعدة: اخر المواضيع لا يظهر فيه المواضيع
» كيف اضع اخر المواضيع اعلى الصفحة
» كيف اجعل اخر المواضيع في اعلى المنتدى
» ممكن كود لخط فاصل اعلى المواضيع
» مساعدة: اخر المواضيع لا يظهر فيه المواضيع
» كيف اضع اخر المواضيع اعلى الصفحة
» كيف اجعل اخر المواضيع في اعلى المنتدى
» ممكن كود لخط فاصل اعلى المواضيع
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى