דלג לתוכן
ימים
שעות
דקות
שניות
הנחות בלאק פריידי על כל הקורסים באתר!
בחרי את הקורס שלך >>>
הדרכות בחינם
המלצות
אודות
קורסים
קורס מתנה
תפריט
הדרכות בחינם
המלצות
אודות
קורסים
קורס מתנה
מועדון האלופות
תפריט
מועדון האלופות
כניסה
אלופות בCSS – מסלול קוד CSS לאלמנטור
הקורס הוא חלק ממועדון האלופות. ברכישת המועדון תקבלי גישה מלאה גם לקורס הזה.
הצטרפי למועדון האלופות >>>
תוכן הקורס
פרק 1 - יסודות הCSS
שיעור פתיחה
5:18
הוספת תגובות לפוסט
6:46
עיצוב כותרות וקישורים בפוסט
13:38
עיצוב בלוק ציטוט
11:56
עיצוב כותרת ותוויות בוידג’ט תגובה
14:53
עיצוב שדה טקסט וכפתור שליחה בוידג’ט תגובה
13:19
עיצוב שדות שם ומייל בוידג’ט תגובה
17:20
הגדרות וורדפרס לתגובות
6:35
עיצוב תגובות [חלק 1]
22:38
עיצוב תגובות [חלק 2]
22:48
קוד CSS לכל העמוד
19:26
קוד CSS בתבנית הגלובלית של אלמנטור
6:40
עיצוב סרגל הגלילה
7:22
HTML בסיסי
10:20
תרגיל עיצוב תגובה [כולל פתרון]
19:28
פרק 2 - עיצובים מתקדמים
עיצוב וידג’ט חיפוש
9:52
וידג’ט חיפוש – החלפת אייקון ואנימציית מעבר
10:45
עיצוב גלובלי לוידג’ט חיפוש
4:36
עיצוב ארכיון פוסטים
9:58
אנימציית מעבר לכפתור הורדה [חלק 1]
8:21
אנימציית מעבר לכפתור הורדה [חלק 2]
7:07
אנימציית מעבר לכפתור הורדה [חלק 3]
5:35
אנימציית מעבר חיתוך צורה לכפתור [חלק 1]
10:22
אנימציית מעבר חיתוך צורה לכפתור [חלק 2]
5:02
צביעה חלקית של רקע
9:38
אנימציית מעבר לגלריית אלמנטור [חלק 1]
5:55
אנימציית מעבר לגלריית אלמנטור [חלק 2]
5:30
תרגיל סיכום אנימציית מעבר [כולל פתרון]
10:24
פרק 3 - אלמנט פסאודו [after & before]
הזרקת טקסטים
8:22
עיצוב צ’קבוקס בטופס [חלק 1]
16:03
עיצוב צ’קבוקס בטופס [חלק 2]
5:44
אנימציית מעבר לכפתור שליחה + תמונה קופצת [חלק 1]
6:25
אנימציית מעבר לכפתור שליחה + תמונה קופצת [חלק 2]
5:34
עיצוב שדה מאומת בטופס + קו טקסט לפונט בעייתי
6:38
קישוטים לוידג’ט כותרת
8:37
עיצוב כותרת עם after וbefore
4:21
אנימציית מעבר לכפתור
7:01
טולטיפ מונפש
16:02
פרק 4 - אנימציות CSS
אנימציית סיבוב
12:52
אנימציית פופ בהשהיה
17:24
אנימציית דרופ אינסופית
13:23
קוד מקוצר לאנימציה + אנימציית צעדים
6:48
אנימציית גומי
9:07
אנימציית תלת מימד
5:59
אנימציית ברק + נקודות העצירה של האנימציה
6:13
אנימציית ריחוף
4:58
אנימציות בוידג’טים מורכבים
6:21
פרק 5 - אנימציות SVG [איורים וקטוריים]
הכנת קובץ וקטורי לאנימציה
5:53
אנימציית שקיפות והחלפת צבעים
8:57
הצגת אלמנטים אחד אחרי השני
5:05
אנימציית תנועה + שינוי צבע מסגרת
11:44
אנימציית שעון
5:33
פרק 6 - רספונסיביות עם CSS
רספונסיביות בקוד [חלק 1]
9:05
רספונסיביות בקוד [חלק 2]
7:18
רספונסיביות לתפריט + קוד רספונסיביות לטווח מסוים של רוחבי מסך
9:56
פרק 7 - פלקס וגריד CSS
שיעור פתיחה על פלקס
9:54
קונטיינר עם פלקס
7:44
כפתור עם אייקון מעל הטקסט
3:59
עיצוב וידג’ט סליידר
12:52
עיצוב וידג’ט קופסה מתהפכת
14:22
קו עיטור לכותרת
6:31
עיצוב וידג’ט מוצרים של אלמנטור
11:24
פלקס שרינק ופלקס בסיס
10:27
גריד CSS + עיצוב גלריה א-סימטרית
12:04
פרק 8 - התאמת קוד מגוגל לאלמנטור
5 אתרים מומלצים לחיפוש קודים
5:55
השיטה לחיפוש קוד בגוגל
6:32
חיפוש קודים והתאמה לאלמנטור
5:59
המרת קוד מקודפן לאלמנטור – אפקט מעבר על תמונה
13:07
המרת קוד מקודפן לאלמנטור – אפקט מעבר על כפתור
9:41
המרת קוד מstackoverflow לאלמנטור – החלפת טקסט של כפתור
9:48
פרק 9 - התאמת קוד לדפדפנים
התאמת קוד לדפדפנים [חלק 1]
5:52
בדיקת קוד בדפדפן מסוים
4:53
התאמת קוד לדפדפנים [חלק 2]
8:38
פרק 10 - הרחבה על HTML
רשימות בHTML [חלק 1]
8:31
רשימות בHTML [חלק 1]
13:20
שיעורי בונוס
וידג’ט פוסטים לא לחיץ
6:11
אנימציית SVG הקלדת אותיות וכדור מתגלגל
16:03
הגדלת טקסט ספציפי בעורך הטקסט
3:27
גובה תמונה זהה בגלריה בסיסית
8:56
אנימציית גלילה אינסופית לטקסט [לופ]
11:17
אנימציית סיבוב לנתיב טקסט + תמונה סטטית באמצע
5:35
תפריט צד עם אייקונים + אנימציית פתיחה
28:05
לוגו משולש בתפריט עם אנימציית הקטנה בגלילה
9:45
כפתור עם מסיכה או חיתוך פסאודו
10:58
כפתור עם מסגרת עגולה מחליפה צבעים
3:40
מסגרת מחליפה צבעים לקונטיינר [גרדיאנט]
12:45
הדרכות בחינם
המלצות
אודות
קורסים
קורס מתנה
מועדון האלופות
כניסה
דילוג לתוכן
פתח סרגל נגישות
כלי נגישות
כלי נגישות
הגדל טקסט
הגדל טקסט
הקטן טקסט
הקטן טקסט
גווני אפור
גווני אפור
ניגודיות גבוהה
ניגודיות גבוהה
ניגודיות הפוכה
ניגודיות הפוכה
רקע בהיר
רקע בהיר
הדגשת קישורים
הדגשת קישורים
פונט קריא
פונט קריא
איפוס
איפוס