Poprawka LOGO

Adres forum:
http://crytic.pl/crytic/


Wersja silnika:
Wersja MyBB
1.8.19


Opis problemu:
Otóż szukam czegoś takiego aby po wejściu na forum logo które jest w lewym górnym rogu a dokładniej logo sieci zostało animowane przez jakiś skrypt czy coś w sensie zwiekszało się zmniejszało lub gdy się najedzie na to to wibruje tak jakby

Nazywa się to animation w CSS.

Może jakaś infarmacja jakie CSS? bo tyle mi powiedziałeś, że nic, global.css? nie wiem więcej szczegółów? jest jakis skrypt czy co?

Chociażby https://daneden.github.io/animate.css/

Poczytaj o właściwościach transition, transform i animation w CSS.

dziękuję lecz nie ogarniam zbytnio co z kodem tym mam zrobić gdzie dodać i czy na pewno bedzie działac... nie wiem nowy arkusz CSS i tam wkleić?

@black Death
To co chcesz osiągnąć to jest "Efekt shake" ( o ile dobrze zrozumiałem )
Do obrazka logo dodaj:

class="shake"

W global.css dodaj to:

.shake:hover, .shake:focus {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}

.shake {
display: inline-block
}

w jakim sensie do obrazka logo dodac ?

W szablonie header do kodu z obrazkiem logo dodaj class="shake"

w którym miejscu moge to dodać żeby działało? dodałem tak "
<header>
<div class="wrapper content">
<div id="panel">{$welcomeblock}</div>
<a href="{$mybb->settings['bburl']}/index.php">
<img class="logo"class="shake" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
</a>
</div>

nie wiem czy jest okej

<img class="logo shake" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />

Poprawiłem tak, myślę, że będzie okej.

https://i.imgur.com/Htu106y.png

niby dodałem nawet te w global.CSS a i tak nie działa coś robię źle?

Otwierasz klasę .ms-old_pm:before i jej nie zamykasz. Dopisz na jej końcu }.

w jakim sensie otwierac? dopiero zaczynam na stałe przygodę z html'em i nie bardzo wiem co i jak gdzie zrobić prosze wybaczyć, że tak ciągle wypytuje ale najlepiej się nauczyć jak ktoś wytłumazcy co i jak

.ms-old-pm:before {
    content: "\f07c";
    margin-right: 3px; 


zamień na:

.ms-old-pm:before {
    content: "\f07c";
    margin-right: 3px;
} 


nie wiem zmieniłem i nadal to samo..... coś zdupiłem chyba :/