المشاركة رقم تم النشر فى :06 - 02 - 2024
.AWARDS
اصدقاء المنتدئ
اصدقاء المنتدئ
SMS ~ [+ ]
خميس الصياد
.البيانات ♛لونك المفضل» : عضويتي » : 0 جيت فيذا » : 16/07/2010 مشآركآتي » : 3229 نقآطي » : 33875 حاليآ في » : a7lamnaa.com التقييم » : 15 آلعمر » : 64 جنسي » : دولتي الحبيبه » : هوآياتي » : آلمهنه » :
موضوع: اضافة النجوم الى الموضوع بشكل تلقائي
تم النشر فى :06 - 02 - 2024
.
اضافة النجوم الى الموضوع بشكل تلقائي
اضافة النجوم الى الموضوع بشكل تلقائي
يزداد عدد النجوم تلقائيًا مع زيادة عدد الأعضاء المشاركين
طريقة التركيب التومبيلات والقوالب > قالب viewtopic_body ابحث عن الكود التالي
احذفه وضع مكانه التالي
الكود: <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
كما في الصورة
وفقكم الله
---------------------
مدونتي خميس الصياد
أسم العضو : خميس الصياد هل ترغب في التعليق على رسالة العضو خميس الصياد ؟
الــرد الســـريـع
الاعضاء الدين شاركوا في الموضوع
تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة