תגיות: Forms
-
מאתתגובות
-
18/07/2016 בשעה 12:15 #62250
אני מעוניינת לשים אייקון בכל שדה בטופס צור קשר שבדף הבית.
ניסיתי לשים 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;
}18/07/2016 בשעה 12:36 #62268צהריים טובים,
נסי להכניס את הקוד הבא ל-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 לתת לכל שם קלאס את התמונה שלו באמצעות הקוד שהבאתי לך.
18/07/2016 בשעה 13:40 #62294תודה!
תוכלי לראות באתר שסידרתי את האייקונים!ויש לי עוד שאלות:
1) איך אני יכולה לתת a:hover לכפתור של ה'שלח' של הטופס? (אין אפשרות להכיל על הכפתור class)
2) איך אני יכולה לעצב איך יראה הטופס כאשר ההודעה נשלחת בהצלחה?תודה!
18/07/2016 בשעה 14:26 #62308תגובה זו סומנה כפרטית.18/07/2016 בשעה 14:31 #623141. אז יש אפשרות לעשות a:hover לכפתור שליחה?
2. אני מעוניינת שברגע שההודעה נשלחת בהצלחה שכל הטופס יעלם, ואז יופיע משהו כמו: הטופס נשלח בהצלחה. ועם כפתור לחזור לטופס. זה אפשרי?
תודות!!
18/07/2016 בשעה 15:09 #623251. את יכולה להוסיף את זה:
button.button.submit.size-large:hover { background-color: red!important; }2. זה משהו קצת יותר מורכב שאנחנו לא ממש יכולים לסייע איתו.
מה שכן, את יכולה להכין/לעצב "עמוד תודה" שברגע שיישלח הטופס הגולש יועבר אליו.18/07/2016 בשעה 15:16 #62327מהמם!! תודה!
(הבנתי את הטעות שלי: עשיתי את אותו הקוד, רק הוספתי a לפני :hover)18/07/2016 בשעה 15:20 #62330אין בעד מה 🙂
-
מאתתגובות
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.
