הידר צף על התמונת רקע באלמנטור

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

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

דיון זה מוגדר: סגור

תגיות: ,

מוצגות 11 תגובות – 1 עד 11 (מתוך 11 סה״כ)
  • מאת
    תגובות
  • #66629

    sarita
    משתתף

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

    #66640

    Boaz
    מנחה

    את יכולה לכוון אותי בדיוק לאיזור המדובר?
    (הכי טוב יהיה עם תצרפי צילום מסך דרך אתר כמו זה: http://imgur.com/)

    #66644

    sarita
    משתתף
    תגובה זו סומנה כפרטית.
    #66650

    Noa
    משתתף

    את יכולה להכניס את הקוד הבא ל-Live CSS:

    #header{
    position: absolute;
    z-index: 99999;
    background-color: transparent;
    top: 0;
    right: 0;
    left: 0;}
    #66652

    sarita
    משתתף
    תגובה זו סומנה כפרטית.
    #66655

    Noa
    משתתף

    עדכנתי את הקוד כנ"ל, זה אמור לעבוד עכשיו.

    #66658

    sarita
    משתתף
    תגובה זו סומנה כפרטית.
    #66669

    Noa
    משתתף

    נכון, כי בתבניות בהן זה מופיע בצורה מובנית (כגון לידר) ההבדל הוא מעבר לקוד CSS.

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

    אבל את יכולה לעשות קומבינה, באמצעות CSS להסתיר את ההדר רק לעמוד הזה.

    וכך יופיע הסטיקי לאורך כל העמוד.

    או לבטל את הסטיקי הדר רק לעמוד הזה.

    #66670

    sarita
    משתתף

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

    #66673

    Boaz
    מנחה

    כדי להסתיר את ההידר תוסיפי את זה:

    .page-id-4 #header {
        display: none;
    }

    וזה בשביל הצבע:

    .sticky-header {
        background-color: rgba(255, 255, 255, .5);
    }
    #66676

    sarita
    משתתף

    מעולה! תודה רבה

מוצגות 11 תגובות – 1 עד 11 (מתוך 11 סה״כ)

הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.