הוספת אייקון לשדה טופס

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

ראשי › פורומים › תמיכה › הוספת אייקון לשדה טופס

דיון זה מוגדר: סגור

תגיות: 

מוצגות 8 תגובות – 1 עד 8 (מתוך 8 סה״כ)
  • מאת
    תגובות
  • #62250
    Eli7
    Participant

    אני מעוניינת לשים אייקון בכל שדה בטופס צור קשר שבדף הבית.
    ניסיתי לשים class ב Live css

    אבל זה לא הולך….

    .FieldContactName {
    height: 50px;
    width: 470px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
    background-attachment: fixed;
    background-image: url(http://www.artdesignstudio.co.il/wp-content/uploads/2016/07/iconName.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    }

    #62268
    Noa
    Participant

    צהריים טובים,

    נסי להכניס את הקוד הבא ל-Live CSS:

    input#form-field-1-1 {
        background-image: url("http://www.artdesignstudio.co.il/wp-content/uploads/2016/07/iconName.png");
        background-repeat: no-repeat;
        background-position: 0px;
    }

    את אמורה לראות את התמונה ברקע השדה הראשון בטופס.

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

    ואז ב-Live CSS לתת לכל שם קלאס את התמונה שלו באמצעות הקוד שהבאתי לך.

    #62294
    Eli7
    Participant

    תודה!
    תוכלי לראות באתר שסידרתי את האייקונים!

    ויש לי עוד שאלות:
    1) איך אני יכולה לתת a:hover לכפתור של ה'שלח' של הטופס? (אין אפשרות להכיל על הכפתור class)
    2) איך אני יכולה לעצב איך יראה הטופס כאשר ההודעה נשלחת בהצלחה?

    תודה!

    #62308
    Noa
    Participant
    תגובה זו סומנה כפרטית.
    #62314
    Eli7
    Participant

    1. אז יש אפשרות לעשות a:hover לכפתור שליחה?

    2. אני מעוניינת שברגע שההודעה נשלחת בהצלחה שכל הטופס יעלם, ואז יופיע משהו כמו: הטופס נשלח בהצלחה. ועם כפתור לחזור לטופס. זה אפשרי?

    תודות!!

    #62325
    Boaz
    Moderator

    1. את יכולה להוסיף את זה:

    button.button.submit.size-large:hover {
        background-color: red!important;
    }

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

    #62327
    Eli7
    Participant

    מהמם!! תודה!
    (הבנתי את הטעות שלי: עשיתי את אותו הקוד, רק הוספתי a לפני :hover)

    #62330
    Boaz
    Moderator

    אין בעד מה 🙂

מוצגות 8 תגובות – 1 עד 8 (מתוך 8 סה״כ)
  • הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.