איך ליצור אפקט איזור 'צף' באלמנטור
אלמנטור ידוע בתור 'בונה אתרים' כל יכול אך ישנן מספר משימות שעדיין מאתגרות אותנו כשאנו מנסים ליצור אותן באמצעות אלמנטור. אחת מהן היא האפקט הגורם לאלמנט כלשהו לצוף כלפי מעלה (או כל צד אחר) בעת שעוברים עליו עם העכבר.
אופציה זו הינה נכון להיום נחלתו הבלעדית של האלמנט 'כפתור', אך אנו נלמד היום איך לעשות זאת לכל אלמנט בדף.
הדרך הארוכה: שורטקוד
ובכן, הדרך הארוכה והמסובכת היא כדלהלן:א. צרו את האיזור המבוקש, שימו אותו לבדו בתוך אזור פנימי
ב. שמרו אותו כתבנית (לחיצה ימנית בעכבר, וקליק על 'שמור כתבנית')
ג. גשו ללוח הבקרה של וורדפרס >>> טמפלטים, העתיקו את השורט-קוד של הטמפלט
ד. צרו כפתור חדש, והדביקו בשדה 'טקסט' את השורט-קוד שהעתקתם
ה. כעת גשו ללשונית : סגנון >>> כפתור >>> מעבר >>> אנימציית מעבר, ובחרו באפשרות Float
הדרך הקצרה: CSS
ועכשיו נראה איך אפשר לעשות את זה בשתי שניות בדרך שתאפשר לנו לערוך את האלמנט בקלות בלי צורך לפתוח כל הזמן את הטמפלט או התבנית ה'הורים'. ובכן, זה ממש פשוט. העתיקו את הקוד הבא:selector{
transition: margin-top 0.3s ease-in, margin-bottom 0.3s ease-in;
}
selector:hover{
margin-top: -12px;
margin-bottom: 12px;
}
גשו ללשונית 'מתקדם' >>> CSS מותאם, והדביקו את הקוד.
זהו עשיתם את זה ! 
3 Responses
If you want to use the photo it would also be good to check with the artist beforehand in case it is subject to copyright. Best wishes. Aaren Reggis Sela
Indeed, care must always be taken that the images appearing on the site are purchased under the appropriate franchise. Please note that all images on our site were purchased legally, if you have a complaint you can send us an email or contact us in the 'צור קשר' tab
Your way of explaining everything in this piece of writing is genuinely fastidious, all can easily understand it, Thanks a lot. Aindrea Zebulon Eph