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

The Bestدخول
اضافة النجوم الى الموضوع بشكل تلقائي IYwmYsl اضافة النجوم الى الموضوع بشكل تلقائي YX9OYr9

●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا إعلانك هنا
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
132 المساهمات
94 المساهمات
60 المساهمات
39 المساهمات
14 المساهمات
9 المساهمات
7 المساهمات
4 المساهمات
4 المساهمات
3 المساهمات
آخر المشاركات





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

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

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

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

more_horiz
شكرآ لك

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

more_horiz
العفو شكرا لكم جميعا
 
 KonuEtiketleri عنوان الموضوع
اضافة النجوم الى الموضوع بشكل تلقائي
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى
replyإرسال مساهمة في موضوع
remove_circleمواضيع مماثلة
chat_bubble[تومبلايت] المجلة الاكترونية + نشر تلقائي للمواضيع فيها
chat_bubbleSamsung Galaxy S III يقدم خاصية Buddy Share لمشاركة الصور مع الأصدقاء بشكل تلقائي
chat_bubble[ تومبلايت ] كود إضافة أدوات الموضوع [ أنشر الموضوع ، إضافة تقييم ، الرد ، الإبلاغ ، مراقبة الموضوع ]
chat_bubble[كود] انشر الموضوع وادوات الموضوع كالفى بى تماما
chat_bubbleإشعارات تلقائي بوجود عضو غير مفعّل