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

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

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

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

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

תגיות: 

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

    Eli7
    משתתף

    אני מעוניינת לשים אייקון בכל שדה בטופס צור קשר שבדף הבית.
    ניסיתי לשים 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
    משתתף

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

    נסי להכניס את הקוד הבא ל-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
    משתתף

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

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

    תודה!

    #62308

    Noa
    משתתף
    תגובה זו סומנה כפרטית.
    #62314

    Eli7
    משתתף

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

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

    תודות!!

    #62325

    Boaz
    מנחה

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

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

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

    #62327

    Eli7
    משתתף

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

    #62330

    Boaz
    מנחה

    אין בעד מה 🙂

מוצגות 8 תגובות – 1 עד 8 (מתוך 8 סה״כ)

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