קהילת דיגיטל ואינטראקטיב

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי UX-UI, וכו'. הכתיבה בפורום הינה לחברי הקהילות המקצועיות של פרוג.
מנהלת הפורום: סיון
להצטרפות לקהילת מפתחי אתרי אינטרנט, הקש כאן
להצטרפות לקהילת ux-ui, הקש כאן

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
נתקלתי באתר https://pluginsforwp.com/
יש שם אפשרות לשלם ממש פרוטות ולהוריד המון תוספים בחנם וללא הגבלה
אם משהו יודע על זה שיעדכן
אם זה אמין
יש שם גם את אלמנטור פרו בגרושים והם טוענים שזה לא גזל
להאמין להם?...
מישהו פעם נתקל בזה?
כל פעם שאני לוחץ על כפתור בסרגל הוא מוסיף לי חץ ככה

unnamed.png

רוצים לראות בחי אז הנה

  • וואו!
Reactions: הפצחן1 //
1 תגובות
 תגובה אחרונה 
תודה ל @סיון על האתגר (כאן),
זה היה ממש במקום :)

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

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

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

איך עושים את זה? ממש פשוט.
לכל איזור, ולכל עמודה באלמנטור יש אפשרות לתמונת רקע.
ביאור 2020-06-20 221610.png
זה בטח אתם יודעים.
אבל... יש אפשרות גם לתמונה אחרת, במעבר עכבר:
ביאור 2020-06-20 221611.png
וכאן מתחילה החגיגה.
אני שמתי את אותה התמונה פעמיים, אבל לכל תמונה, נתתי מיקום אחר.
לראשונה: עליון שמאל.
ולשניה: תחתון ימין.

בטלתי את החזרתיות, והגדרתי גודל מלא.

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

אח"כ בחרתי אורך מעבר, לפי המהירות שרציתי, ו...הופ! יש לי אנימציה בhover, בלי קוד!

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

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

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

ו... כן. אני יודעת שיש וידג'ט הנעה לפעולה. רק הוא לא מגיע ליכולות שהנ"ל נותן לנו, בלי קוד.
_____

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

מגלגלת את האתגר ל @זה אני :) , מתכננת וורדפס מוכשרת, עם ניסיון בכתיבת תוספים ותבניות לאתרים מורכבים. (וכמובן, גם בונה אתרים, אם התעניינתם...)
והאתגר: תני לנו איזה טעימה מהקוד שאת מבשלת, משהו שגם האלמנטוריסטים, עם קצת css, יוכלו להבין. איך את הופכת סתם אתר, למותאם אישית ללקוח, בלי הררי תוספים.
בהצלחה :)
בדף הראשי של האתר יש טופס שכן נשלח. ממש אותו טופס.
מישהו יכול לתת פיתרון?
האתר:
 תגובה אחרונה 

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

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


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה