• witajcie
    chciałbym dodać do swojej strony taką funkcjonalnośc, że po najechaniu na określony obrazek będzie się on rozjaśniał lub ściemniał. obojętnie
    rzecz w tym że nie chciałbym grzebać w edytorze, stylach i kodzie. Chciałbym do tego użyć wtyczki.
    Znacie taką?

    Nie wiem kompletnie gdzie wstawić kody, żeby określone obrazki się zaciemniały lub rozjaśniały po najechaniu kursorem. Jezeli taka wtyczka nie istnieje to prosiłbym o opisanie krok po kroku jak tego dokonać grzebiąc w stylach.

    Motyw: Oblique

    Chodzi o 3 obrazki na dole na stronie http://lichquinn.pl/lichquinn

    Za wszelką pomoc serdecznie dzięki!

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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

    Twórca wątku czper

    (@czper)

    hej nie wiem gdzie wkleić ten kod. właśnie o to mi chodzi że nie wiem gdzie w motywie wkleić ten kod i szukam dlatego wtyczki, chyba że jesteś mi w stanie wytłumaczyć jak to dokładnie zastosować
    dzięki 🙂

    w pliku css

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘wtyczka na stopniowe rozjaśnianie obrazka po najechaniu kursorem’ jest zamknięty na nowe odpowiedzi.