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

لمحبي الفن الياباني والشخصيات الكرتونية. انضم إلينا لتجدد شغفك بالشخصيات المحبوبة والقصص الشيقة.

منتدى انمي ميجادخول

منتدى انمي ميجا

لمحبي الفن الياباني والشخصيات الكرتونية. انضم إلينا لتجدد شغفك بالشخصيات المحبوبة والقصص الشيقة.


الرئيسيةالرئيسية  
  • البوابةالبوابة  
  • مكتبة الصورمكتبة الصور  
  • بحـثبحـث  
  • أحدث الصورأحدث الصور  
  • الأعضاءالأعضاء  
  • المجموعاتالمجموعات  
  • دخولدخول  
  • التسجيلالتسجيل  


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

    2 مشترك
    رامي

    description[templates] اضافة النجوم الى الموضوع بشكل تلقائي Empty2024-08-03, 22:27

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



    اضافة النجوم الى الموضوع بشكل تلقائي
    [templates] اضافة النجوم الى الموضوع بشكل تلقائي 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

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

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

    تمت كتابة  الأكواد والشرح بواسطة كونان2000
    وشكرا للعضو العراقي الطائي الذي بسببه جاءتني هذه الفكرة الجميلة

    _____________
    [templates] اضافة النجوم الى الموضوع بشكل تلقائي X9ymdz10

    [templates] اضافة النجوم الى الموضوع بشكل تلقائي XVqhIjm
    Bo7a

    description[templates] اضافة النجوم الى الموضوع بشكل تلقائي Empty2024-08-14, 19:43

    more_horiz
    كود رائع و مميز فى إنتظار جديد
    إبدعاتكم إن شاء الله
    تحياتى لكم بتمام العافية

    _____________
    أهلا ومرحبا بكم أعضاء و زوار منتدنا الحبيب
    هذا المنتدى منكم وإليكم .
    كونك أحد أعضاء أو من رواد هذا المنتدى فأنت مؤتمن لك حقوق وعليك واجبات !!
    ليس العبرة بعدد مساهماتك !! وإنما ماذا كتبت وماذا قدمت لأخوانك الأعضاء و الزوار .
    كن مميز في أطروحاتك صادقاً في معلوماتك محباً للخير دائماً
    مراقباً في المنتدى في حاله غياب المراقب مشرفاً للمنتدى في حاله غياب المشرف
    ونحن أملين أن تتم المشاركة بينكما بكل حب و أحترام
     [templates] اضافة النجوم الى الموضوع بشكل تلقائي 836155304
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى