1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Efekt mask

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika yankes, 30 Styczeń 2017.

  1. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    Witam, kominowalem dzisiaj z efektem mask, jednak nic mi nie wychodzi.. Czy jest mozliwosc podpieca pod menu, tzn po rozwinieciu kategorii sciemnia sie reszta strony?
     
  2. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 599
    Docenione treści:
    329
  3. Mariusz

    Mariusz pomoc.home.pl home.pl Administrator forum

    Wiadomości:
    3 088
    Docenione treści:
    302
    Przyznam szczerze, że nigdy nie korzystałem z takiego efektu. @TheL @flex czy może próbowaliście kiedyś czegoś takiego?
     
  4. flex

    flex Użytkownik

    Wiadomości:
    55
    Docenione treści:
    62
    prosta wersja takiego efektu to np:

    Kod:
    .menu .innermenu .parent:hover > div > ul{
      box-shadow: 0 0 0 2000px rgba(0,0,0,0.5);
    }
    
     
    Mariusz lubi to.
  5. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    cos tam dziasa tylko gdy nahjade na cos to kolumna sie podswietla itd.
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    trzeba by było to rozbudować tak aby dotyczyło tylko jednej konkretnej sytuacji lub w drugim kierunku zabrać style dziedziczone z innych elementów. Bez zobaczenia efektu nie jestem w stanie opisać nic więcej.
     
  7. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    [​IMG]
    po najechaniu na kategorie glowna na innermenu, spoko, ale na ktora kolumnien ie wjedzie robi sie podobnie
     
  8. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    ok więc sprawa dość jasna, należy przypisać ten styl wyłącznie do id danych pozycji menu, wtedy nie będzie to dotyczyło niczego więcej, np przypisujemy do menu z id headlink10
     
  9. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    no tak ale teraz wlasnie mi sie wyswietla kolumna a chcialbym zeby byly podsweietlone cale menu z kategoriami + innermenu bez wzgledu gdzie jest myszka
    albo nie rozumiem o co ci chodzi :D
     
  10. flex

    flex Użytkownik

    Wiadomości:
    55
    Docenione treści:
    62
    Biorąc pod uwagę, że masz menu w formie kurtyny to polecam zawęzić maskę do pierwszego zagłębienia przez dodanie klasy .level1 czyli:

    Kod:
    .menu .innermenu .parent:hover > div > ul.level1{
      box-shadow: 0 0 0 2000px rgba(0,0,0,0.5);
    }
    
    
     
    Mariusz lubi to.
  11. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    no i pieknie
    a jeszcze glowna kategoria z innermenu zeby sie nie sciemniala? :D
    czyli ze zdjecia spawalnictwo i pneumatyka
     

Poleć forum znajomym