Webboard

Pełna wersja: Problem z obracającym się avatarem
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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ść.

[Obrazek: 57452127188178430216.jpg]
Pokaż szablon postbit_avatar (opis posta).
Kod:
<div><a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a></div>
Kod PHP:
<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:
Kod PHP:
a#rotator img {
-webkit-transitionall 1s ease-in-out;
-
moz-transitionall 1s ease-in-out
-
o-transitionall 1s ease-in-out
-
ms-transitionall 1s ease-in-out
}

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

zamień na to:
Kod PHP:
a#rotator img:hover { 
  
-moz-transitionall 1s ease-in-out;
  -
webkit-transitionall 1s ease-in-out;
  -
o-transitionall 1s ease-in-out;
  -
ms-transitionall 1s ease-in-out;
  
transitionall 1s ease-in-out;
  -
moz-transformrotate(360deg);
  -
webkit-transformrotate(360deg);
  -
o-transformrotate(360deg);
  -
ms-transformrotate(360deg);
  
transformrotate(360deg);