ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

שימוש בבינה מלאכותית לכתיבת קוד CSS באלמנטור

לאיכות צפיה ברמה גבוהה לחצי על גלגל השיניים מתחת לכל סרטון > איכות > 1080p

הפרומפט ליצירת קוד CSS להחלפת תמונת רקע במעבר על וידג’ט הנעה לפעולה

בשלב הראשון לחצי על כפתור הAI של אלמנטור, וכתבי את הפרומפט בא:

במעבר עכבר על הוידג'ט התמונה תתחלף

התוצאה:

selector:hover .elementor-cta__bg {
    background-image: url('your-hover-image-url');
}

והקוד לא עושה שומדבר…

אז הוספנו את הURL של התמונה הרצויה, והוספנו important כדי לדרוס את ההגדרות של אלמנטור, והנה הקוד שעובד:

selector:hover .elementor-cta__bg {
    background-image: url('https://chagit.alufot.co.il/wp-content/uploads/ai2.jpg') !important;
}

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

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

ו… יוצא קוד קצת מחורבש, ולא מדויק.

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

selector .elementor-cta__button {
    animation: color-change 4s linear infinite;
}

@keyframes color-change {
    0% {
        background-color: red;
    }
    25% {
        background-color: blue;
    }
    50% {
        background-color: green;
    }
    75% {
        background-color: yellow;
    }
    100% {
        background-color: red;
    }
}

הבינה המלאכותית מדהימה, ומקצרת לך את הדרך, רק אם את יודעת היטב קוד CSS.

3 תגובות

  1. הי חגית,
    איזה כיף לשחק עם הבינה המלאכותית!!
    באמת בהרבה מקרים זה לא ממש עובד לי, אבל עכשיו ניסיתי משהו חמוד. יש לי טוגל עם כותרות וביקשתי שיעשה לי החלפת צבעים עם מעבר עכבר.
    בהתחלה זה לא הצליח לי ואז ראיתי שהשם של כותרת הטוגל לא נכונה. ברגע ששיניתי זה הצליח.
    מוזמנת להיכנס לאתר שלי ולראות בעצמך.
    (חוץ מזה עשיתי שם עוד כמה דברים, הגדלתי את הלוגו במעבר עכבר, הגדלתי תמונה במעבר עכבר, “פוצצתי” כמה כפתורים ועוד היד נטויה :-))

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

איך להגדיל את כמות הכניסות לאתר העסקי שלך, ולמה זה ממש כדאי

איך ליישר את שדה הטלפון לימין בטופס אלמנטור – פתרון לבאג ועזרה מבינה מלאכותית

פתחתי ללקוח תיבת מייל עם הדומיין של האתר, איך מחברים אותה לחשבון גוגל? שההודעות יוכלו להגיע כמו חשבון ג’ימייל רגיל, ולא לתיבה שפותחים באחסון של האתר?

איך מוסיפים אייקון לכל קישור בוידג’ט תפריט ניווט של אלמנטור?

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

בניתי עמוד כבד באלמנטור ואני לא מצליחה לעדכן שינויים. (מקבלת שגיאה 500 מהשרת) מה עושים?

איך ניתן להוסיף אייקון לפני הכותרת בוידג’ט אקורדיון של ג’ט?

איך אפשר למרכז וידג’ט גם על ציר הY כשבוחרים מיקום מוחלט באלמנטור פרו

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן