هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
اضافة النجوم الى الموضوع بشكل تلقائي
صفحة 1 من اصل 1
اضافة النجوم الى الموضوع بشكل تلقائي
السلام عليكم ورحمة الله وبركاته
اللهم صل وسلم وبارك على محمد وعلى اله وصحبه اجمعين
-------------------
اضافة النجوم الى الموضوع بشكل تلقائي
يزداد عدد النجوم تلقائيًا مع زيادة عدد الأعضاء المشاركين
طريقة التركيب
التومبيلات والقوالب > قالب viewtopic_body
ابحث عن الكود التالي
- الكود:
{POSTERS_LIST}
احذفه وضع مكانه التالي
- الكود:
<div class="stars">
{POSTERS_LIST}<br />
<div class="star">{POSTER_MORE_MODAL}</div></div>
<style>
.star {
font-size: 0;
}
.poster-list {
float: none;
margin-bottom: 0px;
padding: 0px 0;
}
.poster-more-item {
display: inline-block;
}
i.poster-modal-close.material-icons {
display: none;
}
.poster-more-modal {
padding: 5px;
display: inline-block!important;
}
.poster-list .poster .poster-more-list {
right: 45px;
max-height: 204px;
width: 400%;
}
.poster-list .poster .poster-more-list div:not(:last-child) {
margin-bottom: 6px;
display: block;
}
</style>
ثم ضع التالي في الcss
- الكود:
div.poster-more-list > div:nth-child(10) > span,
div.poster-more-list > div:nth-child(11) > span,
div.poster-more-list > div:nth-child(12) > span,
div.poster-more-list > div:nth-child(2) > span,
div.poster-more-list > div:nth-child(3) > span,
div.poster-more-list > div:nth-child(4) > span,
div.poster-more-list > div:nth-child(5) > span,
div.poster-more-list > div:nth-child(6) > span,
div.poster-more-list > div:nth-child(7) > span,
div.poster-more-list > div:nth-child(8) > span,
div.poster-more-list > div:nth-child(9) > span {
background: url(https://i.servimg.com/u/f20/16/85/77/67/stars-10.png);
background-size: 100% 100%;
display: inline-block;
padding: 35px 25px 30px;
}
ملاحظة. ..
هذا التعديل يعمل على جميع إصدارات المنتدى ،
لن يتم احتساب كاتب الموضوع.
واذا رأيت سبع نجوم في اعلى الموضوع .. هذا يعني ان عدد الاعضاء المشتركين سبعة
العدد يتوقف عند 11 نجمة.
يمكنك تغير صورة النجمه الى اي صورة اخرى من الcss
وكذلك إذا كنت ترغب في زيادة عدد النجوم ، فيجب عليك إضافة سطر جديد إلى ورقة الCSS وتغيير الرقم
- الكود:
div.poster-more-list> div: nth-child (13)> span
وفقكم الله
---------------------
تمت كتابة الأكواد والشرح بواسطة كونان2000
وشكرا للعضو العراقي الطائي الذي بسببه جاءتني هذه الفكرة الجميلة
abigan و Mr Google يعجبهم هذا الموضوع
مواضيع مماثلة
» اريد كود صفحه الموضوع كالفي بي تماما كاتب الموضوع في الاعلى و من يرد على الموضوع بشكل العادي
» يتم لإلغاء تأثير التومبلايتات بشكل تلقائي
» تفعيل الاعضاء الجدد بشكل تلقائي كالـVb
» هل يمكن الربط عن طريق RSS لتحديث موضوع بشكل تلقائي
» مشكلة عند تسجيل اي عضو جديد يظهر بشكل تلقائي مشرف
» يتم لإلغاء تأثير التومبلايتات بشكل تلقائي
» تفعيل الاعضاء الجدد بشكل تلقائي كالـVb
» هل يمكن الربط عن طريق RSS لتحديث موضوع بشكل تلقائي
» مشكلة عند تسجيل اي عضو جديد يظهر بشكل تلقائي مشرف
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى