סקולילנד
לעמוד הנחיתה החדש >
התחבר/י
האזור האישי
להצטרפות
לעמוד הנחיתה החדש >

מרכז ההדרכות של סקולילנד

בחזרה למרכז ההדרכות

עיצוב Fluent Forms/CSS מותאם

תוכן עניינים

עיצוב Fluent Forms/CSS מותאם #

עם Fluent Forms, תוכל כעת להוסיף (Add) סגנון משלך לטפסים המקוונים שלך באמצעות CSS מותאם.

  • פתח את הטופס שלך וגלוש אל כרטיסייה ה-Settings ➜ Integration (אינטגרציה ← הגדרות) שלצד Editor (עורך).
  • בחר את אפשרות Custom CSS/JS (CSS/JS מותאם) מסרגל הצד.

לכל טופס תינתן מחלקה ייחודית. זה מופיע מודגש מעל הקליפה. השתמש בהמחלקה הזו בקודים שלך.

לדוגמה: כאן ‘.fluent_form_149’ היא המחלקה של הטופס המסוים הזה.

אתה יכול להשתמש בחלק מ-CSS מותאם בסיסי מלמטה #

שים לב שעליך להחליף את ‘.fluent_form_149’ מהקוד בעמ הייחודית של הטופס שלך

אתה יכול לשנות את סגנון כפתור ה-Submit (שליחה). #

https://gist.github.com/reachkamrul/ea81a109611bc3edd660a616f2fbd990

או אפילו כל סגנון שדות ה-Input (קלט). #

https://gist.github.com/reachkamrul/26cd37c94e76ebb549dee98504f31083

אתה יכול להתאים אישית את סגנונות הגופנים. #

https://gist.github.com/reachkamrul/1e1e5fa10ac9082e58943767a77e9db4

ניתן גם להגדיר סגנונות תוויות לפי רצונך. #

https://gist.github.com/reachkamrul/c8024ceb2279305d45fefb4da1ae64c9

שנה צבע Focus של Input #

https://gist.github.com/nkb-bd/59dbd6170120ab7747d482eb0b150e9f

שנה צבע Ratings #

https://gist.github.com/reachkamrul/c340d9ae924a0fe6bb8469efc17e6293

אם אתה שוב ושוב משתעמם מסגנון כפתור ה-Step (שלב), אתה יכול לשנות את זה גם. #

https://gist.github.com/reachkamrul/93da53d34b97859c3367773eb1fa3aba

באופן דומה, אתה יכול להתאים דברים רבים באמצעות CSS מותאם כדי לתן לטפסים שלך מראה ייחודי. זכור לשמור (Save) לפני הקמה. אחרת, מחלקות ה-CSS המותאמות לא יכנסו לתוקף. #

סגנונות CSS נוספים יתווספו בתדירות גבוהה

אהבתם? מוזמנים לשתף:

מדריך זה היה שימושי?

  • Happy
  • Normal
  • Sad

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

תוכן עניינים
להצטרפות