Obrazek w submenu nad linkami

  • sloniczeczek

    (@sloniczeczek)


    8 years, 11 months temu

    Witam mam taki problem z którym nie mogę sobie poradzić.

    Potrzebuję zrobić menu 3 poziomowe, same menu pryszcz no wręcz robi się samo. Jednak na ostatnim poziomie menu nad linkami chciałbym umieścić stałego jpg’ega i tu pojawia się problem.

    Chciałem skorzystać z wtyczek typu mega menu itp. ale nie mogę w nich znaleźć takiego bajeru.

    Tak ma mniej więcej to wyglądać:
    Link

    Nie jestem jakiś specem od kodu ani wordpresa więc nie jestem w stanie sobie bez porad poradzić.

    Może ktoś z was spotkał się z takim czymś, albo mógłby podpowiedzieć jak to zrobić.

    Próbowałem w css zrobić nową klasę powiedzmy .test { background-image: url(http://urlobrazka.pl/1.jpg);}

    i wstawić tą klase pod konkretny link, ale za cholere nie chciało mi to zadziałać.

    Byłbym wdzięczny za jakieś porady.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Nikodemsky

    (@nikodemsky)

    8 years, 11 months temu

    background-image raczej nie zadziała, bo będzie próbował się dostosować do obszaru roboczego i jeśli w ogóle się wyświetli, to będzie bardzo przycięty.

    Możesz spróbować np:
    .test { content: url(http://urlobrazka.pl/1.jpg) ;}
    następnie nadać mu odpowiednie wielkości(z display:block;), marginesy itd. Prawdopodobnie z wykorzystaniem z-index i kilkoma innymi sztuczkami(warto spróbować również z position:absolute lub relative).

    Z płatnych wtyczek jest np. Uber Menu,

    Twórca wątku sloniczeczek

    (@sloniczeczek)

    8 years, 11 months temu

    @nikodemsky

    Tak content:url zadziałało. jest nawet ok poza jedną kwestią, no bo teraz obrazek jest zawartością tego

    • co link. I w momencie jak najeżdzam na obrazek to nad linkiem pojawia się hover.

      • Czy można jakoś zrobić aby po najechaniu na obrazek nie było żadnej akcji dopiero po najechaniu na link żeby pojawiał się hover ?

      tu można to podejrzeć
      http://wlesniczowce.pl/slq menu produkty > kategoria 1

    Nikodemsky

    (@nikodemsky)

    8 years, 11 months temu

    Jedyne, co przychodzi mi do głowy to stworzyć pustą pozycję menu, przypisać jej oddzielną klasę i wyzerować efekty z hover, jeśli zajdzie taka potrzeba.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘Obrazek w submenu nad linkami’ jest zamknięty na nowe odpowiedzi.