Dynamiczny punkt startowy/box

  • dondamiane

    (@dondamiane)


    11 years, 8 months temu

    Poszukuję wtyczki, która automatycznie tworzyłaby boxy (nie wiem czy to poprawne określenie w języku WP), które mogą posłużyć za punkty startowe, ale nie tylko. Chodzi mi o prostokąt/kwadrat z treścią i zdjęciem w tle, który po najechaniu kursorem albo porusza tekst, albo pokazuje strzałkę, albo odsłania resztę tekstu. Oczywiście linkowalny. Coś jak http://www.wptemplate.com/ po prawej stronie. Występuje to w wielu szablonach, ja natomiast potrzebuję wtyczkę dzięki, której umieszczę to na dowolnej podstronie serwisu. Być może używam złych słów kluczowych, ale nie mogę niczego takiego znaleźć. Z góry dziękuję za pomoc.

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

    (@sebek87)

    11 years, 8 months temu

    Wątpie czy to jest zrobione za pomocą jakiejś wtyczki, ale może.
    Raczej ręcznie, robisz to w czystym CSS3 lub jQuery. Poczytaj o CSS transform i transition.

    Twórca wątku dondamiane

    (@dondamiane)

    11 years, 8 months temu

    Ja wiem, że na stronie, którą podałem jest to zrobione na poziomie motywu. Nie wykluczam jednak, że ktoś zrobił taką wtyczkę :). Chociaż szukam już kilka godzin, ale nie mogę znaleźć. Koderem nie jestem więc nie zrobię tego sam. A czy chociaż wie ktoś jak w j.angielskim nazywa się punkty startowe? Bo chyba nie jest to tłumaczone dosłownie.

    Moderator Marcin Pietrzak

    (@iworks)

    11 years, 8 months temu

    Całość opiera się na tych linijkach w CSS i na niczym więcej:

    .sub-story:hover .sub-text p {
   max-height: 100px;
}

.sub-text p {
    max-height: 0;
    transition: max-height .4s;
}

.sub-story:hover img {
    opacity: 0.2;
}

.sub-story img {
   opacity: .5;
   transition: opacity .4s;
}
    Twórca wątku dondamiane

    (@dondamiane)

    11 years, 8 months temu

    Dzięki. Jako, że o kodowaniu mam nikłe pojęcie to średnio to wychodzi. Wstawiłem powyższy kod do pliku ze stylami, a na stronie efekt próbuję uzyskać poprzez:

    <div class="sub-story">
<a href="http://odnosnik.pl">
<img width="307" height="250" alt="alcikowy tekst" src="sciezkapliku.png"></img><div class="sub-text">TU TEKST</div>
</a></div>

    No i nie działa :/. Co robię źle? Działa jedynie przeźroczystość.

    Moderator Marcin Pietrzak

    (@iworks)

    11 years, 8 months temu

    No i nie działa :/. Co robię źle? Działa jedynie przeźroczystość.

    To nie są pełne reguły dla tych obiektów, wyciąłem wszystko co nie było związane z samym efektem.

    Brakuje więc definicji wielkości, położenia, etc. etc.

    Mogę tylko wskazać kierunek.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Temat ‘Dynamiczny punkt startowy/box’ jest zamknięty na nowe odpowiedzi.