أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات

الرسالة البرونزية: تظهر عندما تحصل المساهمة على ما بين 3 إلى 7 إعجابات.



الرسالة الفضية: تظهر عندما تحصل المساهمة على ما بين 8 إلى 15 إعجابًا.



الرسالة الذهبية: عندما تحصل مساهمة أحد الأعضاء على ما بين 16 و70 إعجابًا، تتغير الرسالة إلى الرسالة الذهبية. تمثل الرسالة الذهبية أعلى مستوى من التقدير،

---------------------------------------------------------------------------------

طريقة التركيب

كود CSS

الكود:

.like-Bronze {border-right: solid 5px #a34521 !important;padding: 5px;background: #cfc5c2c7;overflow: hidden;margin-top: 33px;margin-left: 7px; margin-right: 7px;}
.like1-Bronze {position: relative;top: 7px;float: right;}
.like2-Bronze {position: relative;top: 7px;float: left;}
.like3-Bronze {width: fit-content;font-size: 32px;line-height: 1;text-align: center;color: #903915;text-shadow: 3px 3px 0 #fff;}
.like-Silver {border-right: solid 5px #bababa !important;padding: 5px;background: #dfdfdf;overflow: hidden;margin-top: 33px;margin-left: 7px; margin-right: 7px;}
.like1-Silver {position: relative;top: 7px;float: right;}
.like2-Silver {position: relative;top: 7px;float: left;}
.like3-Silver {width: fit-content;font-size: 32px;line-height: 1;text-align: center;color: #817e7e;text-shadow: 3px 3px 0 #fff;}
.like-gold {border-right: solid 5px #dab275 !important;padding: 5px;background: #eed6a1;overflow: hidden;margin-top: 33px;margin-left: 7px; margin-right: 7px;}
.like1-gold {position: relative;top: 7px;float: right;}
.like2-gold {position: relative;top: 7px;float: left;}
.like3-gold {width: fit-content;font-size: 32px;line-height: 1;text-align: center;color: #b17628;text-shadow: 3px 3px 0 #fff;}

يمكنك تغيير الألوان بنفسك لتتناسب مع موضوع المنتدى الخاص بك. + لا تنس حفظ


كود JavaScript
العنوان : كما تريد
المكان : في المواضيع

الكود:

$(document).ready(function() {
    var Likestopt_Likestopt = {
        'phpBB2': '.postbody:first',
        'phpBB3': '.postbody .content:first',
        'PunBB': '.postbody:first',
        'Invision': '.post-entry:first',
        'ModernBB': '.postbody .content:first',
        'AwesomeBB': '.post-content:first'
    };
    var currentServer = 'AwesomeBB';
    var authorSelector = Likestopt_Likestopt[currentServer];
 
    $(".post").each(function() {
        var currentPost = $(this);
        var repNbText = currentPost.find(".rep-nb:first").text();
        var Likestopt = parseInt(repNbText, 10);
        currentPost.find(".like-Bronze,.like-Silver,.like-gold").remove();      
        var LikesHTML = '';
        
        if (Likestopt >= 16 && Likestopt <= 70) {
            LikesHTML = '<div align="center">' +
                '<div class="like-gold">' +
                '<div class="like1-gold"><img width="50" height="50" src="https://i.servimg.com/u/f20/16/85/77/67/o8888812.png" /></div>' +
                '<div class="like2-gold"><img width="100" height="50" src="https://i.servimg.com/u/f20/16/85/77/67/facebo10.png" /></div>' +
                '<div class="like3-gold">gold Post<br />★★★★★</div>' +
                '</div>' +
                '</div>';
        } else if (Likestopt >= 8 && Likestopt <= 15) {
            LikesHTML = '<div align="center">' +
                '<div class="like-Silver">' +
                '<div class="like1-Silver"><img width="50" height="50" src="https://i.servimg.com/u/f20/16/85/77/67/o8888811.png" /></div>' +
                '<div class="like2-Silver"><img width="100" height="50" src="https://i.servimg.com/u/f20/16/85/77/67/facebo10.png" /></div>' +
                '<div class="like3-Silver">Silver Post<br />★★★</div>' +
                '</div>' +
                '</div>';
        } else if (Likestopt >= 3 && Likestopt <= 7) {
            LikesHTML = '<div align="center">' +
                '<div class="like-Bronze">' +
                '<div class="like1-Bronze"><img width="50" height="50" src="https://i.servimg.com/u/f20/16/85/77/67/o8888810.png" /></div>' +
                '<div class="like2-Bronze"><img width="100" height="50" src="https://i.servimg.com/u/f20/16/85/77/67/facebo10.png" /></div>' +
                '<div class="like3-Bronze">Bronze Post<br />★</div>' +
                '</div>' +
                '</div>';
        }
 
        if (LikesHTML) {
            currentPost.find(authorSelector).after(LikesHTML);
        }
    });
});

هام!: لكي يعمل، يجب عليك تحديد إصدار المنتدى الخاص بك
من خلال تعديل الجزء التالي من الكود

var currentServer = 'AwesomeBB';

استبدل كلمة AwesomeBB بنسخة منتداك
---------------------------------------------

ومبروك عليك  

يعد هذا التخصيص وسيلة رائعة لتحفيز الأعضاء وتشجيعهم على التفاعل بشكل أكبر مع المحتوى. جرّب هذا الكود اليوم وشاهد كيف يعزز تفاعل الأعضاء مع مساهماتك!
نأمل أن يساهم هذا النظام في تحسين جودة المحتوى وإلهام الجميع لتقديم أفضل أعمالهم.

___________________________________________________________________
تم عمل الكود بواسطة كونان2000 باستخدام الAI