דילוג לתוכן
  • חוקי הפורום
  • פופולרי
  • לא נפתר
  • משתמשים
  • חיפוש גוגל בפורום
  • צור קשר
עיצובים
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • ברירת מחדל (ללא עיצוב (ברירת מחדל))
  • ללא עיצוב (ברירת מחדל)
כיווץ
מתמחים טופ
  1. דף הבית
  2. מחשבים וטכנולוגיה
  3. רשתות
  4. בקשה | החלון הקופץ לאישור וכדו'

בקשה | החלון הקופץ לאישור וכדו'

מתוזמן נעוץ נעול הועבר נפתר רשתות
39 פוסטים 4 כותבים 110 צפיות 4 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • C cfopuser

    @יהודי-זה-הכי אתה יכול פשוט לשאול ai ולהביא לו את התמונה הזאת

    To create a popup window that closely resembles the style of the one you provided, we can enhance the previous example with specific styles, including a red circle icon and a more polished design. Below is the updated code that incorporates these elements.

    HTML Structure

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Styled Popup Example</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <button id="openModal">Open Popup</button>
    
        <div id="myModal" class="modal">
            <div class="modal-content">
                <div class="icon-container">
                    <div class="icon">❌</div>
                </div>
                <h2>טעויות</h2>
                <p>יש לחזין קישור דרייב תקין</p>
                <button id="closeModal" class="close-button">אוקי</button>
            </div>
        </div>
    
        <script src="script.js"></script>
    </body>
    </html>
    

    CSS Styles (styles.css)

    body {
        font-family: Arial, sans-serif;
    }
    
    .modal {
        display: none; 
        position: fixed; 
        z-index: 1; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%; 
        overflow: auto; 
        background-color: rgba(0, 0, 0, 0.5); 
    }
    
    .modal-content {
        background-color: #fff;
        margin: 15% auto; 
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 300px; 
        text-align: center;
    }
    
    .icon-container {
        margin-bottom: 15px;
    }
    
    .icon {
        font-size: 50px;
        color: red;
    }
    
    h2 {
        margin: 0;
        font-size: 24px;
    }
    
    p {
        margin: 10px 0 20px;
    }
    
    .close-button {
        background-color: #007bff;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
    }
    
    .close-button:hover {
        background-color: #0056b3;
    }
    

    JavaScript Functionality (script.js)

    // Get the modal
    var modal = document.getElementById("myModal");
    
    // Get the button that opens the modal
    var btn = document.getElementById("openModal");
    
    // Get the button that closes the modal
    var closeBtn = document.getElementById("closeModal");
    
    // When the user clicks the button, open the modal 
    btn.onclick = function() {
        modal.style.display = "block";
    }
    
    // When the user clicks on the close button, close the modal
    closeBtn.onclick = function() {
        modal.style.display = "none";
    }
    
    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
    

    Explanation of Changes

    • Icon: A red "X" icon is added to the modal to match the style of your example.
    • Styling: The modal has rounded corners, a shadow effect, and a more polished button style.
    • Text Alignment: The text is centered, and the layout is adjusted for better visual appeal.

    You can copy and paste these code snippets into your own HTML file, and it should create a popup that closely resembles the style you provided. Feel free to adjust the colors, sizes, and other styles to better fit your design preferences!

    י מנותק
    י מנותק
    יהודי זה הכי
    כתב נערך לאחרונה על ידי
    #3

    @cfopuser לא עבד לי עם AI

    י תגובה 1 תגובה אחרונה
    0
    • י יהודי זה הכי

      @cfopuser לא עבד לי עם AI

      י מנותק
      י מנותק
      יהודי זה הכי
      כתב נערך לאחרונה על ידי
      #4

      @יהודי-זה-הכי מנסה שוב עם מה שהבאת

      C תגובה 1 תגובה אחרונה
      0
      • י יהודי זה הכי

        @יהודי-זה-הכי מנסה שוב עם מה שהבאת

        C מנותק
        C מנותק
        cfopuser
        כתב נערך לאחרונה על ידי cfopuser
        #5

        @יהודי-זה-הכי עדכנתי את הקוד עובד נהדר

        0d49e619-a0f5-415d-b438-8678f3559642-Screen Recording 2025-07-30 021003.zip

        28de34a0-75b4-484b-aa4b-3f7efc7fc5c9-image.png

        י תגובה 1 תגובה אחרונה
        0
        • C cfopuser

          @יהודי-זה-הכי עדכנתי את הקוד עובד נהדר

          0d49e619-a0f5-415d-b438-8678f3559642-Screen Recording 2025-07-30 021003.zip

          28de34a0-75b4-484b-aa4b-3f7efc7fc5c9-image.png

          י מנותק
          י מנותק
          יהודי זה הכי
          כתב נערך לאחרונה על ידי יהודי זה הכי
          #6

          @cfopuser לא נפתח
          ולא עובד באתר

          C תגובה 1 תגובה אחרונה
          0
          • י יהודי זה הכי

            @cfopuser לא נפתח
            ולא עובד באתר

            C מנותק
            C מנותק
            cfopuser
            כתב נערך לאחרונה על ידי
            #7

            @יהודי-זה-הכי העילתי את הסרטון עם סיומת zip תשנה לmp4
            אני מקווה שהרעיון הובן

            י תגובה 1 תגובה אחרונה
            0
            • C cfopuser

              @יהודי-זה-הכי העילתי את הסרטון עם סיומת zip תשנה לmp4
              אני מקווה שהרעיון הובן

              י מנותק
              י מנותק
              יהודי זה הכי
              כתב נערך לאחרונה על ידי
              #8

              @cfopuser לא עובד הסרטון
              ולא בדיוק עובד לי החלון אני רוצה מדוייק כמו זה
              לי זה גם עושה
              3a6665ec-061d-4a7c-9b44-6471a52c1ab8-image.png
              אבל בלי ההנפשה ולא באותו עיצוב

              C תגובה 1 תגובה אחרונה
              0
              • י יהודי זה הכי

                @cfopuser לא עובד הסרטון
                ולא בדיוק עובד לי החלון אני רוצה מדוייק כמו זה
                לי זה גם עושה
                3a6665ec-061d-4a7c-9b44-6471a52c1ab8-image.png
                אבל בלי ההנפשה ולא באותו עיצוב

                C מנותק
                C מנותק
                cfopuser
                כתב נערך לאחרונה על ידי cfopuser
                #9

                @יהודי-זה-הכי מה שאני מנסה לומר שאתה יכול להביא לai את התמונה של זה או לתאר בפירוט מה אתה רוצה
                ויהיה לך

                לא אהבת את התוצאה תנסה שוב

                י תגובה 1 תגובה אחרונה
                0
                • C cfopuser

                  @יהודי-זה-הכי מה שאני מנסה לומר שאתה יכול להביא לai את התמונה של זה או לתאר בפירוט מה אתה רוצה
                  ויהיה לך

                  לא אהבת את התוצאה תנסה שוב

                  י מנותק
                  י מנותק
                  יהודי זה הכי
                  כתב נערך לאחרונה על ידי
                  #10

                  @cfopuser אני לא עם AI קלאס אני עם תוכנה של תכנות
                  ואין לי כוח לריב איתו זה גומר לי קרדיטים

                  C תגובה 1 תגובה אחרונה
                  0
                  • י יהודי זה הכי

                    @cfopuser אני לא עם AI קלאס אני עם תוכנה של תכנות
                    ואין לי כוח לריב איתו זה גומר לי קרדיטים

                    C מנותק
                    C מנותק
                    cfopuser
                    כתב נערך לאחרונה על ידי
                    #11
                    פוסט זה נמחק!
                    תגובה 1 תגובה אחרונה
                    0
                    • י יהודי זה הכי

                      יש למישהו קוד שמפעיל את החלון הקופץ שיש בהורדה מדרייב וכאלה
                      0381d3ef-721d-4124-b5aa-f91b83a2e22c-image.png

                      עם האייקון הקופץ
                      @chv אתה בנית אתר עם זה

                      chvC מנותק
                      chvC מנותק
                      chv
                      כתב נערך לאחרונה על ידי
                      #12

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

                      בלוג

                      י תגובה 1 תגובה אחרונה
                      2
                      • chvC chv

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

                        י מנותק
                        י מנותק
                        יהודי זה הכי
                        כתב נערך לאחרונה על ידי יהודי זה הכי
                        #13

                        @chv לא הבנתי
                        אתה יכול להסביר לי "ברחל בתך הקטנה"
                        סליחה על השיגוע
                        אבל אני כולה בונה רק עם AI וקצת מאוד דע אישי והמוח שפוך בשעה כזאת
                        תודה רבה מראש

                        C תגובה 1 תגובה אחרונה
                        0
                        • י יהודי זה הכי

                          @chv לא הבנתי
                          אתה יכול להסביר לי "ברחל בתך הקטנה"
                          סליחה על השיגוע
                          אבל אני כולה בונה רק עם AI וקצת מאוד דע אישי והמוח שפוך בשעה כזאת
                          תודה רבה מראש

                          C מנותק
                          C מנותק
                          cfopuser
                          כתב נערך לאחרונה על ידי cfopuser
                          #14

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


                          https://gemini.google.com/app

                          chatgpt.com

                          י 2 תגובות תגובה אחרונה
                          0
                          • C cfopuser

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


                            https://gemini.google.com/app

                            chatgpt.com

                            י מנותק
                            י מנותק
                            יהודי זה הכי
                            כתב נערך לאחרונה על ידי
                            #15
                            פוסט זה נמחק!
                            C תגובה 1 תגובה אחרונה
                            0
                            • C cfopuser

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


                              https://gemini.google.com/app

                              chatgpt.com

                              י מנותק
                              י מנותק
                              יהודי זה הכי
                              כתב נערך לאחרונה על ידי
                              #16

                              @cfopuser יותר נוח לי עם ויזואל סטודיו קוד

                              תגובה 1 תגובה אחרונה
                              0
                              • י יהודי זה הכי

                                פוסט זה נמחק!

                                C מנותק
                                C מנותק
                                cfopuser
                                כתב נערך לאחרונה על ידי cfopuser
                                #17

                                @יהודי-זה-הכי לא באתי לפגוע חס וחלילה רק באתי לומר שאתה יכול
                                להראות לבינה מלאכותית את התמונה (chat gpt) בכול הנוגע לעיצוב זה רק יקל עליך

                                י תגובה 1 תגובה אחרונה
                                0
                                • C cfopuser

                                  @יהודי-זה-הכי לא באתי לפגוע חס וחלילה רק באתי לומר שאתה יכול
                                  להראות לבינה מלאכותית את התמונה (chat gpt) בכול הנוגע לעיצוב זה רק יקל עליך

                                  י מנותק
                                  י מנותק
                                  יהודי זה הכי
                                  כתב נערך לאחרונה על ידי
                                  #18

                                  @cfopuser כתב בבקשה | החלון הקופץ לאישור וכדו':

                                  chat gpt

                                  לא נפתח לי בסינון

                                  C I 2 תגובות תגובה אחרונה
                                  0
                                  • י יהודי זה הכי

                                    @cfopuser כתב בבקשה | החלון הקופץ לאישור וכדו':

                                    chat gpt

                                    לא נפתח לי בסינון

                                    C מנותק
                                    C מנותק
                                    cfopuser
                                    כתב נערך לאחרונה על ידי
                                    #19

                                    @יהודי-זה-הכי אתה צריך רק את החלון של האישור והאיקס?

                                    י תגובה 1 תגובה אחרונה
                                    0
                                    • C cfopuser

                                      @יהודי-זה-הכי אתה צריך רק את החלון של האישור והאיקס?

                                      י מנותק
                                      י מנותק
                                      יהודי זה הכי
                                      כתב נערך לאחרונה על ידי
                                      #20

                                      @cfopuser קודם שישאל האם לשנות ואז את ה וי

                                      C תגובה 1 תגובה אחרונה
                                      0
                                      • י יהודי זה הכי

                                        @cfopuser כתב בבקשה | החלון הקופץ לאישור וכדו':

                                        chat gpt

                                        לא נפתח לי בסינון

                                        I מנותק
                                        I מנותק
                                        I believe
                                        כתב נערך לאחרונה על ידי
                                        #21

                                        @יהודי-זה-הכי תנסה את google ai studio לא תתחרט, ללא הגבלה (כמעט).

                                        י תגובה 1 תגובה אחרונה
                                        0
                                        • I I believe

                                          @יהודי-זה-הכי תנסה את google ai studio לא תתחרט, ללא הגבלה (כמעט).

                                          י מנותק
                                          י מנותק
                                          יהודי זה הכי
                                          כתב נערך לאחרונה על ידי
                                          #22

                                          @I-believe 9b92e2c0-d831-4d7b-8e57-fcd8ef8ef749-image.png

                                          I תגובה 1 תגובה אחרונה
                                          0

                                          • התחברות

                                          • אין לך חשבון עדיין? הרשמה

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