اضافة النجوم الى الموضوع بشكل تلقائي

طريقة التركيب 
التومبيلات والقوالب > قالب 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
وشكرا للعضو العراقي الطائي الذي بسببه جاءتني هذه الفكرة الجميلة