סגירת פופאפ בלחיצה על כפתור

במידה ויש לכם כפתור בתוך פופאפ שמעביר לעמוד אחר או שמבצע פעולה כלשהיא, ואתם מעוניינים לסגור את הפופאפ לאחר הלחיצה, זה הקוד שיעזור לכם. יש להוסיף ווידג'ט HTML בתוך הפופאפ, ולהטמיע בתוך את הקוד הבא: בהגדרות הפואפ עצמו שימו את הקלאס הבא: close-popup זהו זה! עכשיו לאחר לחיצה על כפתור בתוך הפופאפ תסגור את הפופאפ.

הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים

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

תמונת רקע בתוך טקסט באלמנטור

תמונה בתוך טקסט יכולה להיות כלי רב עוצמה להעברת מסר חזותי.היא יכולה לעזור לך ליצור תחושה מסוימת, למשוך את תשומת הלב של המשתמש או להעביר מידע בצורה יעילה יותר. בתמונה פה, המילה "TRAVEL" ממוקמת מעל תמונה של מטוס ושמיים. זה יוצר תחושה של תנועה וחופש. המשתמש יכול לדמיין את עצמו טס ליעדים חדשים ומרגשים. לדוגמה, […]

שבירת שורה בכותרת במובייל בלבד

רוצים לשבור שורה בכותרת רק במובייל? ראיתי הרבה בוני אתרים באלמנטור שמשכפלים את הכותרת ומסתירים לפי סוג המכשיר. במדריך זה נלמד איך עם שורת CSS אחת, נסדר את הבעיה ללא שיכפולים מיותרים. כך נוכל לשמור על מבנה האתר בצורה נכונה ועל מהירות האתר מקוד מיותר. הוסיפו את הקוד לווידג'ט כותרת לאחר מכן הוסיפו את הקוד […]

יצירת קו תחתון מודגש לטקסט

כדי להדגיש רק חלק מהרקע של הטקסט הכניסו את הקוד הבא לווידגט כותרת, שימו לב שאתם יכולים להוסיף טקסט נוסף שלא יהיה מודגש לפני או אחרי הקוד. כדי לשנות את צבע הרקע אני ממליץ להשתמש בכלי ליצירת גרדיאנטים בדרך קלה וויזואלית, עם הכלי תוכלו ליצור את הקוד לרקע בקלות ולקבל את קוד ה- CCS. מעבר […]

שינוי צבע לאלמנטים בהדר בעת גלילה

רוב האנשים יודעים איך לשנות את הצבע של הקונטיינר בהדר כשגוללים, אבל מה לגבי אלמנטים פנימיים? למשל, התפריט, האייקון של ההמבורגר או אייקון לפופאפ תפריט שאנחנו יצרנו?לכן, הכנתי לכם קודים מוכנים שיעזרו לכם גם עם זה. הקוד לשינוי הצבע בקונטיינר, כמובן שתחת הגדרות מתקדם של הקונטיינר אתם צריכים להגדיר במתקדם > אפקטי תנועה שהקונטיינר יהיה […]

הגבלת בחירת תאריך בטפסי אלמנטור

יצרתם טופס באלמנטור ואתם רוצים להגביל את התאריכים? למשל הקוד הבא מגביל את בחירת התאריך רק למי שמלאו לו 18 שנה, (כמובן שעם קצת שינוי בקוד תוכלו לשנות את ההגבלה לפי הצורך שלכם). את קוד ה – PHP הכניסו לתבנית בת או תוסף snippet, את קוד ה – JS הכניסו לווידג'ט HTML מתחת לטופס, חשוב […]

ולידציה לשדה טלפון בטפסי אלמנטור

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

שינוי צבע של רקע טקסט בעת בחירה

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

עיצוב שדה צ'קבוקס בטופס אלמנטור

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

פוטר דביק לתחתית

מכירים את זה שאין בעמוד מספיק תוכן והפוטר לא דבוק לתחתית?הקוד הבא יצמיד את הפוטר לתחתית גם במקרה שאין מספיק תוכן באתר,בשלב הראשון תוסיפו את הקלאס sticky-footer לקונטיינר הראשי בפוטר, בשלב הבא הוסיפו ווידג'ט HTML והכניסו את הקוד הבא:

גלילה בוויד'גט עורך טקסט

אם אתם רוצים להגדיר גובה אחיד לפסקת טקסט במידה שיש הרבה טקסט, הוסיפו את ה-ID ל – ID CSS תחת מתקדם, text_scrollואז הוסיפו את הקוד הבא ל CSS מותאם: וכדי להסתיר את הגלילה כשהטקסט פחות מ 300px תוסיפו את הקוד לווידגט Html מתחת לווידגט טקסט.

עיצוב שדה העלאת קבצים בטופס אלמנטור

עיצוב שדה העלאת קבצים בטופס אלמנטור לעיצוב מודרני יותר ושינוי טקסט הכפתור, בסוף הקוד תוכלו למצוא את הטקסט של הכפתור ולשנות לטקסט שלכם במידה ובאתר יש 2 שפות אז העתיקו את הקוד הבא:

כפתור חזרה דינמי לדף הקודם

בכפתור ב ID CSS תוסיפו את ה – btn-back, לאחר מכן תוסיפו את הקוד הבא לווידג'ט HTML או תשמשו עם תוסף להוספת סניפטים כדוגמת Code Snippets

יצירת כפתור לשיתוף העמוד

תנו לאלמנט שאיתו תרצו לשתף את העמוד את הקלאס share-buttonבקישור האלמנט הכניסו #לאחר מכן הדביקו את הקוד בתבנית הבת או בתוסף ייעודי

חיפוש חופשי
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
היי אורח!
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).