كود جديد لتميز رسائل المشرفين في علبه الدردشة Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

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

كود جديد لتميز رسائل المشرفين في علبه الدردشة

اذهب الى الأسفل

كود جديد لتميز رسائل المشرفين في علبه الدردشة Empty كود جديد لتميز رسائل المشرفين في علبه الدردشة

مُساهمة من طرف omarpop23 الجمعة 5 مارس 2021 - 15:23

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

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

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

كود جديد لتميز رسائل المشرفين في علبه الدردشة Captur23

طريقة التركيب
يوضع الكود في اكواد الجافا سكريبت و اختيار مكان الكود في علبه الدردشة 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);


عدل سابقا من قبل omarpop23 في الإثنين 8 مارس 2021 - 22:45 عدل 3 مرات
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6854
السُمعة : 218

http://www.best-devs.net

الألحان المرحة و أفندينا يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى