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

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
361 المساهمات
268 المساهمات
190 المساهمات
102 المساهمات
86 المساهمات
78 المساهمات
64 المساهمات
51 المساهمات
25 المساهمات
24 المساهمات
آخر المشاركات




×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

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

more_horiz
السلام عليكم ورحمة الله وبركاته،
إذا كنت تبحث عن طريقة لتشجيع الأعضاء على التفاعل مع المشاركات، فيمكنك استخدام كود بسيط يجمع بين 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 بنسخة منتداك
---------------------------------------------

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

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

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

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

more_horiz
إضافة رائعـة حقا و محفزة للأعضاء

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

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

more_horiz
Akatsuki كتب:
إضافة رائعـة حقا و محفزة للأعضاء

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

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

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

more_horiz
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته

مرحباً كونان!
فكرة رائعة! أحببت الطريقة التي تناولت بها الكود، والجهد الواضح الذي بذلته. أتابعك بشغف، واستمر في تقديم أفكار مفيدة و إبداعية.
شكراً لك على مشاركتك المميزة.
دمت بود؛

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

more_horiz
مرحباً يشهب

شكرًا جزيلاً لك على كلماتك الرائعة، يسعدني جداً أن ما أقدمه ينال إعجابكم. دعمك ودعم Akatsuki و الاخرين يشجعني على الاستمرار وتقديم المزيد من الأفكار الإبداعية.

شكرا لكما  @يشهب  و  @Akatsuki

دمتم بخير وود

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

more_horiz
السلام عليكم ورحمه الله وبركاته
أهلا كونان-كن
أتمني أن تكون بخير حال
اضافه فعلا تبدو مميزه ومحفزه للعديد من الاعضاء وستعطي بعض التقدير للمواضيع
سيكون من الجميل لو كانت هناك امكانيه بسيطه لتطويرها وتحسينها من ناحية المظهر طبعا
شكرا مره اخري علي توفير هكذا اضافه لطيفه
بالتوفيق في القادم

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

more_horiz
ماشاء الله عليك
الله يعطيك العافية

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

more_horiz
Amr Salah كتب:
السلام عليكم ورحمه الله وبركاته
أهلا كونان-كن
أتمني أن تكون بخير حال
اضافه فعلا تبدو مميزه ومحفزه للعديد من الاعضاء وستعطي بعض التقدير للمواضيع
سيكون من الجميل لو كانت هناك امكانيه بسيطه لتطويرها وتحسينها من ناحية المظهر طبعا
شكرا مره اخري علي توفير هكذا اضافه لطيفه
بالتوفيق في القادم

وعليكم السلام ورحمة الله وبركاته
اهلا اخي Amr
طبعا يمكنك تحسين مظهرها من تغيير بسيط بالكود Very Happy
العفو والله يوفقك ايضا

دمعه السعودية كتب:
ماشاء الله عليك
الله يعطيك العافية

الله يعافيك اختي دمعة


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

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

more_horiz
مرحبًا كونان ~
هذا الكود اعجبت به حقًا ، فكرته جميلة 
يشبه الي كنا نستخدمه سابقًا ، مشرف القسم اذا شاف الموضوع ممتاز يمنحه وسام يظهر بالاعلى 
فيكون التحكم على حسب محتوى الموضوع مو اللايكات 
شكرًا جزيلًا لمجهودك الدائم , تبهرنا بأفكارك على طول
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات 866468155

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

more_horiz
الله يسلمك اختي  @Rose
سعيد  انه عجبك ^^
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات 4126721595
 KonuEtiketleri عنوان الموضوع
أضف رسائل مخصصة في المشاركات بناءً على عدد الاعجابات
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة