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


 

تعلن إدارة منتديات حبيبي الوحيد عن فتح باب التقديم للإشراف على المنتديات وعلى من يأنس في نفسه القدره و الكفاءة وضع طلبه في القسم المخصص { طلبات الإشراف} بعد الإطلاع على شروط الإشراف.إعلان إداري

| ملاحظات الأدارة |

تعلن إدارة منتديات حبيبي الوحيد عن فتح باب التقديم للإشراف على المنتديات وعلى من يأنس في نفسه القدره و الكفاءة وضع طلبه في القسم المخصص { طلبات الإشراف} بعد الإطلاع على شروط الإشراف.
كلمة الادآرة
تهنئ إدارة منتديات حبيبي الوحيد اعضائنا الكرام بمناسبة السنه الجديده كل عام وانتم بخير وصحه وسلامه

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

استعرض الموضوع التالياستعرض الموضوع السابقاذهب الى الأسفل



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


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



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


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



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

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



الموضوعالأصلي : اضافة النجوم الى الموضوع بشكل تلقائي // المصدر : S A M E H - D E S //الكاتب: خميس الصياد

كلمات البحث

إستايلات ، اكواد ، دورات ، تعليمات ، طلبات ، تصاميم ، دعم فني ،استفسارات،،


اضافة النجوم الى الموضوع بشكل تلقائي
الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1
مواقع النشر (المفضلة)



صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: °¨¨™¤¦ تطوير المواقع ¦¤™¨¨°برامج وتقنيات :: اكواد html
انتقل الى:


أعلي 10 إحصائيات
أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات
 خميس الصياد 3044 المساهمات
 princess amira 1219 المساهمات
 ميدومشاكل 360 المساهمات
 سحر الشرق 268 المساهمات
 امير الغرام 168 المساهمات
 سمسمه 162 المساهمات
 احمد الشاعر 160 المساهمات
 امير الحب1 106 المساهمات
 NASSAR 91 المساهمات
 ايلنور 68 المساهمات
الموضوع  التاريخ, الوقت أرسلت بواسطة
 توقيت نشر المساهمه اليوم في 6:51 am
 توقيت نشر المساهمه الخميس أبريل 25, 2024 9:03 am
 توقيت نشر المساهمه الأربعاء أبريل 24, 2024 9:06 am
 توقيت نشر المساهمه الجمعة أبريل 19, 2024 1:48 pm
 توقيت نشر المساهمه الثلاثاء أبريل 16, 2024 1:27 pm
 توقيت نشر المساهمه الثلاثاء أبريل 09, 2024 11:09 pm
 توقيت نشر المساهمه الثلاثاء أبريل 09, 2024 11:07 pm
 توقيت نشر المساهمه الثلاثاء أبريل 09, 2024 10:58 pm
 توقيت نشر المساهمه الثلاثاء أبريل 09, 2024 10:54 pm
 توقيت نشر المساهمه الثلاثاء أبريل 09, 2024 10:52 pm
أفضل 10 فاتحي مواضيع افضل 10 اعضاء هذا الشهرافضل 10 اعضاء هذا الاسبوع
خميس الصياد 1343 المواضيع
princess amira 422 المواضيع
ميدومشاكل 351 المواضيع
سمسمه 67 المواضيع
امير الحب1 66 المواضيع
سحر الشرق 65 المواضيع
أمير الغرام 57 المواضيع
امير الغرام 52 المواضيع
ايلنور 42 المواضيع
احمد الشاعر 40 المواضيع
 خميس الصياد 6 المساهمات
خميس الصياد 115 المساهمات