The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
287 المساهمات
239 المساهمات
112 المساهمات
108 المساهمات
53 المساهمات
45 المساهمات
32 المساهمات
30 المساهمات
25 المساهمات
23 المساهمات
آخر المشاركات





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

more_horiz
السلام عليكم ورحمة الله وبركاته
اللهم صل وسلم وبارك على محمد وعلى اله وصحبه اجمعين
-------------------



اضافة النجوم الى الموضوع بشكل تلقائي
اضافة النجوم الى الموضوع بشكل تلقائي Animat12
يزداد عدد النجوم تلقائيًا مع زيادة عدد الأعضاء المشاركين



طريقة التركيب 
التومبيلات والقوالب > قالب 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





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

وفقكم الله
---------------------

تصميم الكود بواسطة كونان2000 (◠‿◠)

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

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

أبدعت في اختراع الكود كونان

شكرا جزيـلا لك

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


اضافة النجوم الى الموضوع بشكل تلقائي H9R9IUO
اضافة النجوم الى الموضوع بشكل تلقائي RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  اضافة النجوم الى الموضوع بشكل تلقائي 866468155

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

more_horiz
سلمت يدآك على الطرح
بـ نتظـآر آلمزيد من هذا آلفيـض الراآقي
لك كل الود والاحترام

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

more_horiz
شكرآ لك


اضافة النجوم الى الموضوع بشكل تلقائي Rt69sr10
اضافة النجوم الى الموضوع بشكل تلقائي Untitl17
W W W . T H E B 3 S T . C O M

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

more_horiz
العفو شكرا لكم جميعا
 
 KonuEtiketleri عنوان الموضوع
اضافة النجوم الى الموضوع بشكل تلقائي
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى