"كود تنبيه الرسائل في نافذة منبثقة لجميع نسخ أحلى منتدى"

كود لعرض تنبية في نافذة منبثقة بوجود رسالة جديدة لجميع نسخ احلى منتدى:

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

ببساطة، الكود يقوم بـ:

✔️ تطبيق تأثير ظهور تدريجي للصور.
✔️ التحقق من الرسائل الجديدة عند تحميل الصفحة وكل 30 ثانية.
✔️ عرض نافذة منبثقة تحتوي على إشعار بالرسائل الجديدة.
✔️ السماح للمستخدم بزيارة صندوق الرسائل أو إغلاق الإشعار.

طريقة إضافة الكود إلى المنتدى

الدخول إلى لوحة الإدارة:

انتقل إلى لوحة الإدارة في منتداك.

الانتقال إلى إدارة الأكواد JavaScript:

من القائمة، توجه إلى:
لوحة الإدارة ➝ عناصر إضافية ➝ إدارة أكواد JavaScript

إضافة كود جديد:

اضغط على زر "إنشاء كود جديد".
قم بتسمية الكود باسم مناسب (مثلاً: "كود تنبية الرسايل المنبثقة").
في خانة مكان التشغيل، اختر "جميع الصفحات" لضمان تفعيل الكود في كل المنتدى.

لصق الكود وحفظه:

انسخ الكود بالكامل والصقه في مربع التحرير.
اضغط على "تسجيل" لحفظ التعديلات وتفعيل الكود.

بعد تنفيذ هذه الخطوات، سيعمل الكود تلقائيًا في المنتدى!

كود الاول يعرض التنبية كل 30 ثانية

document.addEventListener("DOMContentLoaded", function () {

    console.log("???? تصميم وتطوير: جاك سبارو | zx303.blogspot.com");

    // دالة لإظهار الصور بتأثير تدريجي
    function fadeInElements() {
        document.querySelectorAll(".not-fancyImg, .signature_div img").forEach(img => {
            img.style.opacity = 0;
            img.style.transition = "opacity 0.3s ease-in-out";
            setTimeout(() => img.style.opacity = 1, 100);
        });
    }

    // دالة للتحقق من الرسائل الجديدة
    function checkNewMessages() {
        var messageIcon = document.querySelector("a.mainmenu #i_icon_mini_new_message");
        if (messageIcon) {
            var newMessages = messageIcon.getAttribute("alt").match(/[0-9]+/);
            if (newMessages && parseInt(newMessages[0]) > 0) {
                showFullScreenPopup(newMessages[0]);
            }
        }
    }

    // نافذة منبثقة مخصصة للرسائل
    function showFullScreenPopup(messageCount) {
        if (document.getElementById("full-screen-popup")) return;

        var overlay = document.createElement("div");
        overlay.id = "full-screen-popup";
        overlay.style.position = "fixed";
        overlay.style.top = "0";
        overlay.style.left = "0";
        overlay.style.width = "100vw";
        overlay.style.height = "100vh";
        overlay.style.background = "rgba(0, 0, 0, 0.8)";
        overlay.style.display = "flex";
        overlay.style.alignItems = "center";
        overlay.style.justifyContent = "center";
        overlay.style.zIndex = "1000";

        var popupContent = document.createElement("div");
        popupContent.style.background = "#fff";
        popupContent.style.padding = "20px";
        popupContent.style.borderRadius = "10px";
        popupContent.style.textAlign = "center";
        popupContent.style.boxShadow = "0 0 15px rgba(255, 255, 255, 0.3)";
        popupContent.style.maxWidth = "400px";
        popupContent.style.position = "relative";

        var img = document.createElement("img");
        img.src = "https://i.servimg.com/u/f48/16/58/89/73/e-mail11.png";
        img.style.cursor = "pointer";
        img.style.width = "150px";
        img.style.transition = "0.3s";
        img.onmouseover = function () {
            img.src = "https://i.servimg.com/u/f48/16/58/89/73/email_11.png";
        };
        img.onmouseout = function () {
            img.src = "https://i.servimg.com/u/f48/16/58/89/73/e-mail11.png";
        };
        img.onclick = function () {
            window.location.href = "/privmsg?folder=inbox";
        };

        var msgText = document.createElement("p");
        msgText.style.fontSize = "18px";
        msgText.style.color = "#222";
        msgText.style.marginTop = "10px";
        msgText.innerHTML = `لديك <span style="color: gold; font-weight: bold;">${messageCount}</span> رسالة جديدة`;

        var closeButton = document.createElement("button");
        closeButton.innerText = "إغلاق";
        closeButton.style.marginTop = "15px";
        closeButton.style.padding = "10px 15px";
        closeButton.style.border = "none";
        closeButton.style.background = "red";
        closeButton.style.color = "white";
        closeButton.style.borderRadius = "5px";
        closeButton.style.cursor = "pointer";
        closeButton.onclick = function () {
            document.body.removeChild(overlay);
        };

        // ⚠️ حقوق المصمم في أسفل النافذة
        var credit = document.createElement("div");

        credit.style.fontSize = "12px";
        credit.style.marginTop = "10px";
        credit.style.color = "#999";

        popupContent.appendChild(img);
        popupContent.appendChild(msgText);
        popupContent.appendChild(closeButton);
        popupContent.appendChild(credit);
        overlay.appendChild(popupContent);
        document.body.appendChild(overlay);
    }

    fadeInElements();
    checkNewMessages();
    setInterval(checkNewMessages, 30000);
});

الكود الثاني يعرض التنبية مرة واحدة فقط

document.addEventListener("DOMContentLoaded", function () {
    // ???? تصميم وتطوير: جاك سبارو | zx303.blogspot.com
    console.log("???? تصميم وتطوير: جاك سبارو | https://zx303.blogspot.com");

    // دالة لإظهار الصور بتأثير تدريجي
    function fadeInElements() {
        document.querySelectorAll(".not-fancyImg, .signature_div img").forEach(img => {
            img.style.opacity = 0;
            img.style.transition = "opacity 0.3s ease-in-out";
            setTimeout(() => img.style.opacity = 1, 100);
        });
    }

    // دالة للتحقق من الرسائل الجديدة وعرض نافذة منبثقة
    function checkNewMessages() {
        var messageIcon = document.querySelector("a.mainmenu #i_icon_mini_new_message");
        if (messageIcon) {
            var newMessages = messageIcon.getAttribute("alt").match(/[0-9]+/);
            if (newMessages && parseInt(newMessages[0]) > 0) {
                let lastShownMessages = localStorage.getItem("lastShownMessages");

                if (lastShownMessages !== newMessages[0]) {
                    showFullScreenPopup(newMessages[0]);
                    localStorage.setItem("lastShownMessages", newMessages[0]);
                }
            }
        }
    }

    // دالة لعرض نافذة منبثقة تملأ الشاشة بالكامل
    function showFullScreenPopup(messageCount) {
        if (document.getElementById("full-screen-popup")) return;

        var overlay = document.createElement("div");
        overlay.id = "full-screen-popup";
        overlay.style.position = "fixed";
        overlay.style.top = "0";
        overlay.style.left = "0";
        overlay.style.width = "100vw";
        overlay.style.height = "100vh";
        overlay.style.background = "rgba(0, 0, 0, 0.8)";
        overlay.style.display = "flex";
        overlay.style.alignItems = "center";
        overlay.style.justifyContent = "center";
        overlay.style.zIndex = "1000";

        var popupContent = document.createElement("div");
        popupContent.style.background = "#fff";
        popupContent.style.padding = "20px";
        popupContent.style.borderRadius = "10px";
        popupContent.style.textAlign = "center";
        popupContent.style.boxShadow = "0 0 15px rgba(255, 255, 255, 0.3)";
        popupContent.style.maxWidth = "400px";
        popupContent.style.position = "relative";

        var img = document.createElement("img");
        img.src = "https://i.servimg.com/u/f48/16/58/89/73/e-mail11.png";
        img.style.cursor = "pointer";
        img.style.width = "150px";
        img.style.transition = "0.3s";
        img.onmouseover = function () {
            img.src = "https://i.servimg.com/u/f48/16/58/89/73/email_11.png";
        };
        img.onmouseout = function () {
            img.src = "https://i.servimg.com/u/f48/16/58/89/73/e-mail11.png";
        };
        img.onclick = function () {
            window.location.href = "/privmsg?folder=inbox";
        };

        var msgText = document.createElement("p");
        msgText.style.fontSize = "18px";
        msgText.style.color = "#222";
        msgText.style.marginTop = "10px";
        msgText.innerHTML = `لديك <span style="color: gold; font-weight: bold;">${messageCount}</span> رسالة جديدة`;

        var closeButton = document.createElement("button");
        closeButton.innerText = "إغلاق";
        closeButton.style.marginTop = "15px";
        closeButton.style.padding = "10px 15px";
        closeButton.style.border = "none";
        closeButton.style.background = "red";
        closeButton.style.color = "white";
        closeButton.style.borderRadius = "5px";
        closeButton.style.cursor = "pointer";
        closeButton.onclick = function () {
            document.body.removeChild(overlay);
        };

        // ✅ حقوق المصمم بأسفل النافذة
        var credit = document.createElement("div");
        credit.style.fontSize = "12px";
        credit.style.marginTop = "10px";
        credit.style.color = "#999";

        popupContent.appendChild(img);
        popupContent.appendChild(msgText);
        popupContent.appendChild(closeButton);
        popupContent.appendChild(credit);
        overlay.appendChild(popupContent);
        document.body.appendChild(overlay);
    }

    fadeInElements();
    checkNewMessages();
    setInterval(checkNewMessages, 30000);
});

ملاحظة هامة حول تفعيل كود عرض الرسائل في نافذة منبثقة في النسخة الأخيرة AwesomeBB من أحلى منتدى؟

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

إذا كنت تواجه مشكلة في عدم عمل كود الرسائل بشكل صحيح، يرجى اتباع الخطوات التالية لإصلاحها:

:: انتقل إلى لوحة الإدارة في المنتدى.

:: اذهب إلى: مظهر المنتدى > التومبيلات والقوالب.

:: ابحث عن قالب overall_header، ثم اضغط على تعديله.

:: انتقل إلى أسفل القالب وأضف الكود التالي:

احفظ القالب ثم قم بإعادة نشره.

بعد تطبيق هذه الخطوات، سيعمل كود الرسائل بشكل صحيح دون أي مشاكل. :white_check_mark:

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

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

إذا كانت لديكم أي أسئلة أو استفسارات، فلا تترددوا في طرحها، فنحن دائمًا هنا للمساعدة.

تفضلوا بقبول فائق التحية والتقدير، ونتمنى لكم تجربة ممتعة ومفيدة على المنتدى.

مع تحياتي، مسرووور.

آخر الأخبار

"كود تنبيه الرسائل في نافذة منبثقة لجميع نسخ أحلى منتدى"







ببساطة، الكود يقوم بـ:

طريقة إضافة الكود إلى المنتدى

ملاحظة هامة حول تفعيل كود عرض الرسائل في نافذة منبثقة في النسخة الأخيرة AwesomeBB من أحلى منتدى؟

عن القرصان جاك سبارو

التعليقات

آخر الأخبار

"كود تنبيه الرسائل في نافذة منبثقة لجميع نسخ أحلى منتدى"







ببساطة، الكود يقوم بـ:

طريقة إضافة الكود إلى المنتدى

ملاحظة هامة حول تفعيل كود عرض الرسائل في نافذة منبثقة في النسخة الأخيرة AwesomeBB من أحلى منتدى؟

عن القرصان جاك سبارو

شاهد أيضاً

التعليقات