Problem z obracającym się avatarem

Wersja skryptu MyBB: 1.6.12
Adres forum: KLIKNIJ, ABY PRZEJŚĆ
Na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

https://webboard.pl/thread-47484.html

https://webboard.pl/thread-50274.html?hi...kr%C4%85gl

Mam problem z obiema rzeczami. Tak jak było w instrukcjach, tak zrobiłam. Może źle dodaję kod php na koniec css? Może problem tkwi w czym innym?
Dopiero się uczę, więc proszę o wyrozumiałość.

Snake_ napisał 10.07.2014, 10:22:
Na tym forum panuje zasada: 1 wątek - 1 problem.

Pokaż szablon postbit_avatar (opis posta).

<div><a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a></div>

<div><a id="rotator" href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a></div> 


Dałoby się np. zrobić tak, że avatar się obróci i tak już zostanie, czyli po prostu po pierwszym obróceniu nie będzie się już odwracał z powrotem?

W global.css, to:

a#rotator img {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
}

a#rotator img:hover { 
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg); 
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); 
} 


zamień na to:

a#rotator img:hover { 
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}