شرح اضافة تأثير النص المتحرك لاسم المنتدى في تبويب المتصفح

إضافة تأثير النص المتحرك لعنوان المنتدى​

متوافق مع إصدارات XenForo​

• 
  []XenForo 2.2
  []XenForo 2.3

العلامة التجارية​

لا يوجد حقوق ظاهرة.

الوصف​

تضيف هذه الطريقة تأثير النص المتحرك لعنوان المنتدى في المتصفح.
سيبدأ عنوان الصفحة بالتحرك تلقائيًا أثناء تنقل الزائر بين الصفحات أو عند الانتقال إلى نافذة أخرى.

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

افتح قالب:

PAGE_CONTAINER

وابحث عن الكود التالي:

<xf:include template=“google_analytics” />

ثم أضف الكود التالي أسفله مباشرة واحفظ التغييرات:

<script>
        document.addEventListener('DOMContentLoaded', () => {
            const originalTitle = document.title;
            let scrollingTitle = originalTitle + " • ";
            const scrollSpeed = 300;
            let intervalId = null;
            function scrollTitle() {
                scrollingTitle = scrollingTitle.slice(1) + scrollingTitle[0];
                document.title = scrollingTitle;
            }

            function startScrolling() {
                if (!intervalId) {
                    intervalId = setInterval(scrollTitle, scrollSpeed);

                }
            }


            function stopScrolling() {
                if (intervalId) {
                    clearInterval(intervalId);
                    intervalId = null;
                    document.title = originalTitle;
                }
            }
            window.addEventListener('blur', startScrolling);
            window.addEventListener('focus', stopScrolling);
        });
</script>