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

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

اليكم صورة للكود


طريقة التركيب
يوضع الكود في اكواد الجافا سكريبت و اختيار مكان الكود في علبه الدردشة In ChatBox

الكود

الكود:

let bgColor = '#FF0000', // لون حلفية النص
    txtColor = '#FFFFFF', // لون النص
    bgImage = 'https://i.servimg.com/u/f64/18/92/67/94/ezgif_10.gif', // صورة خلفية النص
      
      
    nodeStyle = document.createElement('STYLE');
nodeStyle.innerHTML = '.chatAdmin .msg, .chatAdmin .msg span {background-image: url('+ bgImage + '); background-position: top center; background-color: '+ bgColor + '; color: '+ txtColor +' !important; display: inline-block !important; padding: 0 5px; border-radius: 5px; }';
document.head.appendChild(nodeStyle);
setInterval(function(){
  let chatAdmin = document.querySelectorAll('#chatbox .user-msg');
    for (i = 0; i < chatAdmin.length; i++) {
        if(chatAdmin[i].innerText[0] == '@') {
            chatAdmin[i].classList.add('chatAdmin');
        }
    }
}, 100);