איך ליצור הידר שמשנה צבע בגלילה

איך ליצור הידר שמשנה צבע בגלילה

איך ליצור הידר שמשנה צבע בגלילה.

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

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

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

כל הקודים נמצאים מתחת לסרטון,

הנה הקוד לשינוי הצבע,

selector.elementor-sticky–effects{ background-color: rgba(133,130,255,0.5)!important } selector{ transition: background-color 4s ease !important; }

והנה הקוד לשינוי הגובה,

selector.elementor-sticky–effects >.elementor-container{ min-height: 80px; } selector > .elementor-container{ transition: min-height 1s ease !important; }

קישור לתוסף

https://he.wordpress.org/plugins/sticky-header-effects-for-elementor/

תגובה אחת

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

כתיבת תגובה

האימייל לא יוצג באתר.

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

12 טיפים מהירים לשיפור עיצוב האתר