שיתוף | פופאפ לזכרון בית המקדש - לבעלי אתרים

טופטופיסט

@יאנג-בוי כתב בשיתוף | פופאפ לזכרון בית המקדש - לבעלי אתרים:

זה חצי שקוף, רואים מה שתחתיו, וברגע שלוחצים בשביל להגיע למה שמתחת, זה נסגר.

חזק ביותר.
רק איך בעלי אתרים יוסיפו את זה גם לאתר שלהם?
(אולי להוסיף טקסט קטן למטה בסגנון "להוספה לאתר שלך לחץ כאן")

צבי דורש ציון

פוסט זה נמחק!

יאנג בוי

@טופטופיסט כתב בשיתוף | פופאפ לזכרון בית המקדש - לבעלי אתרים:

רק איך בעלי אתרים יוסיפו את זה גם לאתר שלהם?
(אולי להוסיף טקסט קטן למטה בסגנון "להוספה לאתר שלך לחץ כאן")

ככה:
הוספה לאתר שלך | תוסף

טופטופיסט

פוסט זה נמחק!

צבי דורש ציון

פוסט זה נמחק!

טופטופיסט

פוסט זה נמחק!

צבי דורש ציון

פוסט זה נמחק!

טופטופיסט

פוסט זה נמחק!

צבי דורש ציון

פוסט זה נמחק!

יוניתזון

טוב כל אחד פה לא מבין אחד את השני, אולי תנו קצת יותר הסבר כי גם אני לא הבנתי מה היה פה עכשיו

טופטופיסט

@יוניתזון
זה לא כ"כ משנה...
ב"א מה שיוצא הוא כך:

המטרה היא להפיץ את הפופאפ כמה שיותר, ולכן צריך להוסיף למטה קישור שמוביל לדף נחיתה שיש בו אפשרות להוספת הפופאפ לאתר או להורדת תוסף, ולא לחפש את בעל האתר, וכו'
כרגע אני באמצע לעשות את כל זה.

זה הכל.

יוניתזון

@טופטופיסט כתב בשיתוף | פופאפ לזכרון בית המקדש - לבעלי אתרים:

כרגע אני באמצע לעשות את כל זה.

שכויח, כל הכבוד

יוניתזון

פוסט זה נמחק!

צבי דורש ציון

@יוניתזון זה לא המנהלים, אלא אנחנו מחקנו למען הסדר הטוב...

@יוניתזון כתב בשיתוף | פופאפ לזכרון בית המקדש - לבעלי אתרים:

כמו פה https://forum.netfree.link/

מה התכוונת? נפתח לי דף הבית של הפורום של נטפרי...

יוניתזון

פוסט זה נמחק!

יוניתזון

@צבי-דורש-ציון כתב בשיתוף | פופאפ לזכרון בית המקדש - לבעלי אתרים:

מה התכוונת? נפתח לי דף הבית של הפורום של נטפרי...

לא משנה!
שאמרת....

זה לא המנהלים, אלא אנחנו מחקנו למען הסדר הטוב...

זה כבר פתר לי את הבעיה

טופטופיסט

@Tיו_ היקר!

ראיתי עכשיו שהייתה בעיה בחישוב שלי
ומה שיצא הוא -

מינוס.
אני תיקנתי בקוד המקור.
אבל אתה תצטרך לשנות משהו בקוד אצלך בגלל שאתה לא משוייך לגיטאהב.
תסתכל בקוד בגיטאהב ותעתיק משם את הסקריפט.

לאצי

יש לי אתר בWIX. ניתן להטמיע את הוידגט עם קוד HTML?
עדיף לי קוד HTML להטמעה מאשר קוד להטמעת iframe שאיתו אני לא יכול לשחק עם הגודל.

צבי דורש ציון

@לאצי נתייג את @טופטופיסט היקר

לאצי

@טופטופיסט נתתי לGPT את הקוד שיצר @יאנג-בוי והוא יצר לי את הקוד הזה. בפועל הוא עובד לי אבל אשמח אם תעבור עליו לראות שהוא תקין.

<!DOCTYPE html>
<html lang="he">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>זכרון בית המקדש</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bona+Nova+SC&display=swap">
    <style>
        :root {
            --background-color: #ffffff;
            --overlay-background: rgba(114, 42, 42, 0.5);
            --border-color: #444;
            --text-color: #ffffff;
            --highlight-color: #ffffff;
            --secondary-text-color: #bbb;
            --shadow-color: rgba(255, 255, 255, 0.1);
            --overlay-opacity: 0.5;
            --unit-background-color: rgba(142, 136, 136, 0.5);
        }

        #popup-container {
            position: fixed;
            bottom: 30px;
            left: 50px; /* שינוי למיקום השמאלי */
            background-color: var(--overlay-background);
            border-radius: 15px;
            padding: 20px;
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            overflow: hidden;
            max-width: 350px;
            width: auto;
            height: auto;
            box-sizing: border-box;
            text-align: center;
            direction: rtl;
        }

        #popup-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('https://raw.githubusercontent.com/moshelavi/beit-amikdash/main/beit%20amikdash%20script/%D7%91%D7%99%D7%AA%20%D7%94%D7%9E%D7%A7%D7%93%D7%A9.jpg');
            background-size: cover;
            background-position: center;
            mix-blend-mode: overlay;
            opacity: var(--overlay-opacity);
            z-index: 0;
            border-radius: 15px;
            filter: blur(1px);
        }

        #temple-counter h2 {
            color: var(--highlight-color);
            font-size: 18px;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .unit-value {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-color);
        }
    </style>
</head>
<body>
    <div id="popup-container">
        <div id="popup-background"></div>
        <div id="temple-counter">
            <h2>זמן שחלף מאז חורבן בית המקדש:</h2>
            <div class="time-unit">
                <span class="unit-value" id="years"></span> שנים
                <span class="unit-value" id="days"></span> ימים
            </div>
        </div>
    </div>
    <script>
        function updateCounter() {
            const destructionDate = new Date(-70, 7, 4); 
            const now = new Date();
            let diffTime = now - destructionDate;
            let years = Math.floor(diffTime / (1000 * 60 * 60 * 24 * 365.25));
            let days = Math.floor((diffTime % (1000 * 60 * 60 * 24 * 365.25)) / (1000 * 60 * 60 * 24));
            document.getElementById('years').textContent = years;
            document.getElementById('days').textContent = days;
        }
        updateCounter();
        setInterval(updateCounter, 86400000);
    </script>
</body>
</html>