Wsparcie » Wtyczki » Zdjęcie przy krawędzi ekranu

  • Witam. Potrzebuję wtyczki do umieszczenia na stałe zdjęcia przy krawędzi ekranu.
    Chyba, że pomoże ktoś ostylować ten kod ( i w jakim pliku go umieścić)
    <img class="kupkarnet" style="float: left; top: 140px; z-index: 10;" src="/zdjecie.png" alt="KUP KARNET">

    Tutaj klasa w style.css

    .kupkarnet{
    opacity:0.9;
    }
    .kupkarnet:hover{
    opacity:10;
    
        transform: scale(1.1, 1.276);
        -webkit-transform: scale(1.1, 1.276);
        -moz-transform: scale(1.1, 1.276);
        -o-transform: scale(1.1, 1.276);
        -ms-transform: scale(1.1, 1.276);
    
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • Jeśli już masz przypisane klasę do zdjęcia, to po co jeszcze dajesz do niego style inline?

    dodajesz
    position:absolute;
    – dla elementu, który ma się znajdować w konkretnym miejscu lub
    position: fixed;
    jeśli ma się przesuwać razem ze scrollem.

    Poza tym wyrzuć float i zamiast tego ustaw
    left: 0px;
    – unikniesz dzięki temu niepotrzebnych problemów, jeśli zdjęcie nadal przypadkiem będzie traktowane jako blok.

    Thread Starter MaciejYou

    (@maciejyou)

    A w którym pliku mam umieścić kod ze ze zdjęciem? Próbowałem w kilku ale zdjęcie zawsze jest tam gdzie nie trzeba.

    Zainstaluj sobie wtyczkę np. WP Add Custom CSS i w niej dodaj. W ten sposób wpisany kod będzie miał pierwszeństwo.

    Thread Starter MaciejYou

    (@maciejyou)

    CSS dodałem w style.css. W szablonie mam funkcje do wpisywania css ale ten kod ze zdjęciem to chyba nie tam? (tam nie działa)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Temat ‘Zdjęcie przy krawędzi ekranu’ jest zamknięty na nowe odpowiedzi.