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

اذهب الى الأسفل 
كاتب الموضوعرسالة
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1755
معدل النشاط : 3634
السُمعة : 320

أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات Empty
مُساهمةموضوع: أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات   أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات Emptyالسبت 14 سبتمبر 2024 - 8:37

السلام عليكم ورحمة الله وبركاته،
إذا كنت تبحث عن طريقة لتشجيع الأعضاء على التفاعل مع المشاركات، فيمكنك استخدام كود بسيط يجمع بين JavaScript وCSS لإضافة رسائل مخصصة استنادًا إلى عدد الإعجابات التي تتلقاها المنشورات.
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات Ocia_a15
--------------------------------------

الرسالة البرونزية: تظهر عندما تحصل المساهمة على ما بين 3 إلى 7 إعجابات.
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات O8888813


الرسالة الفضية: تظهر عندما تحصل المساهمة على ما بين 8 إلى 15 إعجابًا.
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات O8888814


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

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

كود 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 بنسخة منتداك
---------------------------------------------

ومبروك عليك   cat

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

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

Digit@l, ابوعلي البلقاوي, Mc nabulsy, Mahmoud Gilany و العود السعودية يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
 
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اقتراحات رسائل المشاركات على البريد
» ما رأيكم في عرض المشاركات الأخيرة للعضو تحت إسمه في جميع المشاركات
» كيف امنع عضو من ارسال رسائل رسائل خاصه
» كيف اضع صفحة مخصصة لcss
» كيفية عمل صفحة مخصصة للاعلانات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA-
انتقل الى: