Odpowiedź forum utworzona

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter gkopowski

    (@gkopowski)

    ’a’ zamieniłem na 'div’ z pozycją relatywną, a miniaturce galerii dałem pozycję absolutną, usunąłem z niej img, więc został sam link, którego rozciągnąłem na całą szerokość diva, więc w wyglądzie nic się nie zmieniło, a link z miniaturki zakrywa całą powierzchnię elementu „zdj”

    <div class="zdj">
    <h3 class="tekst"> Galeria </h3>
    <div class="info"> <p> 320zł <span class="noc">/ noc</span> </p> </div>
    <div class="przyciemnienie"></div>
    [foogallery id="327"]
    </div>

    Dzięki za pomoc Nikodemsky, teraz już działa tak jak chcę.

    Thread Starter gkopowski

    (@gkopowski)

    Dokładnie. Załóżmy, że dodam shortcode galerii zaraz pod linkiem i pakuje go w diva z display:none;

    <a href="#" class="zdj">
    <h3 class="tekst"> Galeria </h3>
    <div class="info"> <p> 320zł <span class="noc">/ noc</span> </p> </div>
    <div class="przyciemnienie"></div>
    </a>
    <div style="display:none">[gallery]</div>

    i teraz tym linkiem powyżej chciałbym uruchamiać galerię z shortcodu.

    Albo zrobić coś w stylu
    <a href="link/do/galerii" class="zdj" rel="lightbox">
    tylko nie mam pomysłu jak.

    Thread Starter gkopowski

    (@gkopowski)

    Sprawdziłem „ładny” sposób, lecz aby dodać galerię tą wtyczką, trzeba wrzucić shortcode (tak jak prawie wszystkimi wtyczkami?), a to mnie nie ratuje.

    Fragment mojego kodu:

    <a href="#" class="zdj">
    <h3 class="tekst"> Galeria </h3>
    <div class="info"> <p> 320zł <span class="noc">/ noc</span> </p> </div>
    <div class="przyciemnienie"></div>
    </a>

    Mam link z klasą 'zdj’, a w środku kilka elementów. Potrzebuję z tego linku uruchamiać galerię. Nie mogę go zastąpić shortcodem, no bo jak?

    EDIT:
    Ostatecznie mogę to rozwiązać shortcodem do galerii w ukrytym divie, a następnie symulować kliknięcie w miniaturkę tej galerii za pomocą JS, ale nie wiem czy to dobre rozwiązanie?

    Cześć
    Nigdy nie pracowałem na tym motywie, ale spróbuj znaleźć w nim coś w stylu 'Custom CSS’ lub 'Custom styles’ i dodaj do niego ten kod:

    .entry-content span a img{
      transition: .5s;
      opacity: .5;
    }
    .entry-content span a img:hover {
      opacity: 1;
    }

    W pierwszej części ustawiasz szybkość pojawiania się lub zanikania obrazka – transition: .5s; oraz początkowe krycie obrazka opacity: .5;
    W drugiej części ustawiasz wartość krycia w momencie najechania na obrazek (1 = 100%). Jeśli chcesz mieć w drugą stronę, to w pierwszej części ustaw opacity na 1, a w drugiej części zamień 1 na wartość krycia, do którego obrazek ma zanikać po najechaniu, np. .5;

    Problem jest taki, że jeśli będziesz miał jeszcze inne obrazki jako linki opakowane w span w treści strony, to ten kod dla nich również zadziała. Jeśli masz możliwość, to dodaj tym obrazkom jakąkolwiek klasę (w tagu <img> np. class=”przyciemnienie”) i wtedy zamień w tym kodzie img na .przyciemnienie

    Forum: Wtyczki
    W odpowiedzi na: Edytor wizualny usuwa kod
    Thread Starter gkopowski

    (@gkopowski)

    Dzięki, niestety edytor wizualny nadal usuwa mi znacznik 'a’. Chyba jedynym rozwiązaniem będzie wyłączenie edytora wizualnego i poinformowanie klienta, że tylko taki edytor jest 🙂

Viewing 5 replies - 1 through 5 (of 5 total)