לוגו ממורכז בתפריט וורדפרס ואלמנטור

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

אנימצייה מהמרכז לצדדים בהובר על תפריט

בתפריט של אלמנטור יש לנו מספר פריסטים לאנימציות של הקו התחתון ולפעמים אנחנו נרצה אנימציות קצת שונות או שנראות אחרת בתנועה והאנימציה שלהם. הקוד הבא מייצר אנימציה של קו תחתון מהמרכז לצדדים במעבר מעל פריט בתפריט. כך יראה התפריט עם הקוד: selector nav li{ text-align: center; text-transform: uppercase; } selector li > a:after{ content: "; […]

אנימציית קו תחתון עם גרדיאנט בתפריט

בווידג'ט התפריט שאלמנטור יש מספר אנמיציות מובנות שניתן להגדיר ולעצב, מעבר לזה ניתן לעצב בדרך אחרת את המעבר (Hover) מעל הפריטים בתפריט. את הצבעים של אנמיציית הקו נשבק בשורה 7 ב- background. המספר צבע הראשון מתחיל בצד ימין המספר צבע השני מסיים בצד שמאל. ניתן לשנות את כיוון האנימציה על ידי שינוי הכיוון בשורה מספר 9 […]