קודים שימושיים לתפריט
<br>
<b> עבודות </b>
<i class="fas fa-home"></i>
חשוב! אם האייקון לא מוצג כראוי, צריך להפעיל את טען תמיכה ב Font Awesome 4 (נמצא ב- לוח בקרה – אלמנטור – הגדרות).
ניתן להעתיק את הקודים של כל האייקונים באתר של Font Awesome
<img decoding="async" width="15px" src="img-url">
.my-selector a{
background-color: blue;
color: white;
}
הקודים ליצירת הידר משתנה בגלילה
שינוי צבע
selector.elementor-sticky--effects{
background-color: red !important;
}
selector{
transition: all 1s !important;
}
שינוי גובה
selector.elementor-sticky--effects .elementor-container{
min-height: 80px !important;
}
selector .elementor-container{
transition: all 2s !important;
}
שינוי גודל לוגו (יש לתת ללוגו קלאס - my-img)
selector.elementor-sticky--effects .my-img img {
width: 90px;
}
selector .my-img img {
transition: 0.4s all;
}
לוגו שונה בגלילה, על מנת שיעבוד יש למקם את שני הלוגואים אחד על גבי השני (אפשר באמצעות מיקום מוחלט או עוד אפשרויות).
selector.elementor-sticky--effects .my-img img {
opacity: 0;
}
selector .my-img img {
transition: 1s all;
}
selector .my-img2 img {
opacity: 0;
}
selector.elementor-sticky--effects .my-img2 img {
opacity: 1;
}
selector .my-img2 img {
transition: 1s all;
}
הידר אחר נגלל למטה אחרי הגלילה
selector{
height: 0;
overflow: hidden;
transition: all 1s;
}
selector.elementor-sticky--effects{
height: 100px;
}
תגובה אחת
תודה על המאמר!
הקוד להקטנת לוגו בגלילה לא עובד עם הקוטיינרים.
אשמח לפתרון.
תודה!