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


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

أضغط هنا وأنضم الي الفريق الان

العدد مفتوح

 

 كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )

اذهب الى الأسفل 
كاتب الموضوعرسالة
علاء الجزائري
الإدارة العليا

علاء الجزائري

البلد : الجزائر
الجنس : ذكر
المساهمات : 11366
نقاط النشاط : 13181

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالإثنين 11 مايو 2020 - 8:10

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

حصريا على منتدى دليل الإشهار العربي


صورة للنتيجة :


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Iooo10



الطريقة :





1 - تدخل إلى منتداك ثم تدخل إلى لوحة الإدارة 
2 - تختار مظهر المنتدى - ألوان - ورقة تصميم ccs

نضيف الكود التالي :  




الكود:
       #fa_chat_container {
          background:#FFF;
          border:1px solid #556682;
          border-radius:3px;
          position:fixed;
          right:3px;
          z-index:999;
          overflow:hidden;
          min-width:500px;
          min-height:250px;
          transition:300ms;
        }
      
        #fa_chat {
          border:none;
          width:100%;
          height:100%;
        }
      
        #fa_chat_button {
          color:#FFF;
          line-height:30px;
          margin-left:10px;
          padding:0 5px;
          cursor:pointer;
        }
      
        #fa_chat_button.fa_chat_active {
          color:#333;
          background:#FFF;
        }







ثم نضغط قدم




الخطوة التالية :


لوحة الإدارة - عناصر إضافية - إدارة أكواد Javascript - إنشاء كود جديد ( جميع الصفحات )


العنوان : كود إظهار علبة الدردشة في كل صفحات المنتدى


كود Javascript :

الكود:
(function() {
    if (!window.FA) window.FA = {};
    if (FA.Chat) {
        if (window.console) console.warn('FA.Chat has already been initialized');
        return;
    }

    FA.Chat = {

        // chatbox settings
        config: {
            height: '60%',
            width: '70%',

            live_notif: true,
            sound_notif: {
                enabled: true,
                file: 'https://illiweb.com/fa/fdf/zelda.mono.mp3'
            },
            notifRate: 10000
        },

        // language settings
        lang: {
            chatbox: 'علبة دردشة دليل الإشهار العربي',
            new_msg: 'Un nouveau message a été posté sur la <a href="javascript:FA.Chat.toggle();">علبة الدردشة دليل الإشهار العربي </a>.'
        },

        // technical data below
        node: {}, // node cache
        users: 0, // users in chat
        messages: 'initial', // total chat messages
        actif: false, // tells us if the chatbox is opened
        notifActif: false, // tells us if the notifications are active

        // initial setup of the chatbox
        init: function() {
            var right = document.getElementById('fa_right'),
                container = document.createElement('DIV'),
                button = document.createElement('A'),
                audio;

            button.id = 'fa_chat_button';
            button.innerHTML = FA.Chat.lang.chatbox + ' <span id="fa_chatters">(0)</span>';
            button.onclick = FA.Chat.toggle;
            FA.Chat.node.button = button;

            container.id = 'fa_chat_container';
            container.innerHTML = '<iframe id="fa_chat" src="/chatbox/index.forum"></iframe>';
            container.style.width = FA.Chat.config.width;
            container.style.height = FA.Chat.config.height;
            container.style.bottom = '-' + FA.Chat.config.height;
            container.style.visibility = 'hidden';

            if (right) {
                right.insertBefore(button, right.lastChild); // add the chat button to the right side of the toolbar
                document.body.appendChild(container);

                // create the notification audio element
                if (FA.Chat.config.sound_notif.enabled) {
                    audio = document.createElement('AUDIO');
                    audio.src = FA.Chat.config.sound_notif.file;
                    if (audio.canPlayType) {
                        FA.Chat.node.audio = audio;
                        document.body.appendChild(audio);
                    }
                }

                FA.Chat.node.container = document.getElementById('fa_chat_container');
                FA.Chat.node.chatters = document.getElementById('fa_chatters');
                FA.Chat.node.frame = document.getElementById('fa_chat');
                FA.Chat.node.frame.onload = FA.Chat.getFrame;
            }

            delete FA.Chat.init;
        },

        // get the frame window, document, and elements
        getFrame: function() {
            if (FA.Chat.poll) window.clearInterval(FA.Chat.poll);
            if (this.contentDocument || this.contentWindow) {
                FA.Chat.window = this.contentWindow;
                FA.Chat.document = this.contentDocument ? this.contentDocument : FA.Chat.window.document;

                FA.Chat.node.message = FA.Chat.document.getElementById('message');
                FA.Chat.node.members = FA.Chat.document.getElementById('chatbox_members');

                FA.Chat.poll = window.setInterval(FA.Chat.listen, 300); // listen for changes every 0.3 seconds
            }
        },

        // listen for changes in the chatbox
        listen: function() {
            var users = FA.Chat.node.members.getElementsByTagName('LI').length,
                messages = FA.Chat.window.chatbox.messages.length;

            // update user count
            if (users > FA.Chat.users || users < FA.Chat.users) {
                FA.Chat.users = users;
                FA.Chat.node.chatters.innerHTML = '(' + FA.Chat.users + ')';
            }

            // initial / active updates
            if ((FA.Chat.messages == 'initial' && messages) || FA.Chat.notifActif || FA.Chat.actif) FA.Chat.messages = messages;

            // notify new messages while connected and the chatbox is closed
            if (!FA.Chat.actif && !FA.Chat.notifActif && FA.Chat.window.chatbox.connected && (messages > FA.Chat.messages || messages < FA.Chat.messages)) {
                FA.Chat.messages = messages; // update message count
                FA.Chat.notifActif = true;

                if (FA.Chat.config.live_notif) FA.Chat.notify(FA.Chat.lang.new_msg); // show live notification
                if (FA.Chat.config.sound_notif.enabled && FA.Chat.node.audio) FA.Chat.node.audio.play(); // play sound notification

                // wait before notifying the user again
                window.setTimeout(function() {
                    FA.Chat.notifActif = false;
                }, FA.Chat.config.notifRate);
            }
        },

        // create a custom notification
        notify: function(msg) {

            var notif = document.createElement('DIV'),
                live = document.getElementById(Toolbar.LIVE_NOTIF);

            notif.className = 'fa_notification';
            notif.innerHTML = '<div class="content ellipsis">' + msg + '</div>';
            notif.style.display = 'none';

            $(notif).mouseover(function() {
                $(this).stop(true, true)
            });
            $(notif).mouseleave(function() {
                $(this).delay(5000).fadeOut()
            });

            live.insertBefore(notif, live.firstChild);
            $(notif.firstChild).dotdotdot();

            $(notif).fadeIn(100, function() {
                $(this).delay(10000).fadeOut()
            });
        },

        // toggle the display state of the chatbox
        toggle: function() {
            var container = FA.Chat.node.container.style;

            if (/hidden/i.test(container.visibility)) {
                FA.Chat.node.button.className = 'fa_chat_active';
                FA.Chat.actif = true;

                container.visibility = 'visible';
                container.bottom = '3px';

                // auto focus the message field
                window.setTimeout(function() {
                    FA.Chat.node.message.focus();
                }, 350); // some browsers ( firefox ) need a delay
            } else {
                FA.Chat.node.button.className = '';
                FA.Chat.actif = false;

                container.visibility = 'hidden';
                container.bottom = '-' + FA.Chat.config.height;
            }
        }

    };

    $(function() {
        // initialize the chat when the document is ready and the user is logged in
        if (_userdata.session_logged_in) $(FA.Chat.init);
    });
})();



مع تغيير في كود جافا سكريبت السابق هنا : ( في السطر 25 و 26 )

اقتباس :
chatbox: 'علبة دردشة دليل الإشهار العربي',
            new_msg: 'Un nouveau message a été posté sur la علبة الدردشة دليل الإشهار العربي .'
        },



ثم نضغط قدم


و الف مبرووك

في أمان الله أتمنى أنكم إستفدتم  كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) 4253423182 أي إستفسار انا حاضر
تحياتي 
علاء الجزائري
منتدى دليل الإشهار العربي


توقيع : علاء الجزائري


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الـكـاسـح
 
 
الـكـاسـح

البلد : ليبيا
الجنس : ذكر
المساهمات : 849
نقاط النشاط : 851

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالثلاثاء 19 مايو 2020 - 2:22

بارك الله فيك اخي علاء


احسنت 


تقبل مروري


توقيع : الـكـاسـح


أهلا و مرحبا بكم في منتديات شباب ليبيا الحرة ... 


https://shabab-libya-top.yoo7.com/


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) 1215
الرجوع الى أعلى الصفحة اذهب الى الأسفل
علاء الجزائري
الإدارة العليا

علاء الجزائري

البلد : الجزائر
الجنس : ذكر
المساهمات : 11366
نقاط النشاط : 13181

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالثلاثاء 19 مايو 2020 - 2:28

الـكـاسـح كتب:
بارك الله فيك اخي علاء


احسنت 


تقبل مروري


تسلم أخي  كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) 235873


توقيع : علاء الجزائري


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
العراقي الطائي
 
 
العراقي الطائي

البلد : المغرب العربي
الجنس : ذكر
المساهمات : 48
نقاط النشاط : 51

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالأربعاء 22 يوليو 2020 - 0:37

شكرا جزيلا


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
مشرف تطوير المواقع والمنتديات

Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 4140
نقاط النشاط : 5916

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالخميس 13 أكتوبر 2022 - 17:48

شكرا لك


توقيع : Mc nabulsy


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>





لا اله الا الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود عرض نتائج التصويت على شكل دائري ( حصريا على منتدى دليل الإشهار العربي )
» كود تومبلايت إضافة جميع الحقوق محفوظة أسفل المنتدى ( حصريا على دليل الإشهار العربي )
» تقنية إضافة خلفية للمواضيع قبل الإرسال ( حصريا على منتدى دليل الإشهار العربي )
» كود زر الصعود لأعلى المنتدى بنقرة واحدة ( حصريا على منتدى دليل الإشهار العربي )
» تغيير شكل إحصائيات المنتدى بطريقة مذهلة ( حصريا على منتدى دليل الإشهار العربي )

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