Zdjęcie przy krawędzi ekranu

  • MaciejYou

    (@maciejyou)


    9 lat, 6 miesięcy temu

    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);

}
Zobacz 4 odpowiedzi - od 1 do 4 (z 4 łącznie)
  • Nikodemsky

    (@nikodemsky)

    9 lat, 6 miesięcy temu

    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.

    Twórca wątku MaciejYou

    (@maciejyou)

    9 lat, 6 miesięcy temu

    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.

    Nikodemsky

    (@nikodemsky)

    9 lat, 6 miesięcy temu

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

    Twórca wątku MaciejYou

    (@maciejyou)

    9 lat, 6 miesięcy temu

    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)

Zobacz 4 odpowiedzi - od 1 do 4 (z 4 łącznie)

Temat ‘Zdjęcie przy krawędzi ekranu’ jest zamknięty na nowe odpowiedzi.