Webboard

wersja skryptu MyBB:1.8
adres forum:www.fwtonline.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Jak mogę ustawić obracane avatary tak jak są tutaj:
http://games4live.net/forum/index.php

Czyli tak:

1.
Wchodzisz tutaj: >>>KLIK<<<

W "degrees of rotation?" wpisujesz o ile stopni.
Otrzymany kod css wklejasz do global.css na końcu.

2.
Wchodzisz w ACP → Style i szablony → szablony → Twój styl → Opis posta → postbit_avatar

Zawartość szablonu bierzesz w diva, np:

Kod:
<div id="rotator">Zawartość</div>

coś nie idzie

to kod:

Kod PHP:
<div id="rotator" class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" style="-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;" alt="" {$useravatar['width_height']} /></a></div> 

Spróbuj tak:

Kod:
<div id="rotator">

<a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" style="-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;" alt="" {$useravatar['width_height']} /></a>

</div>

Niestety nic

Pokaż kod który dodałeś do global.css

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

Podmień na taki:

Kod:
.rotator { 

-webkit-transform: rotate(360deg); 

-moz-transform: rotate(360deg); 

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg); 

}

nic się nie dzieje

Już wiem w czym błąd...

Zrób tak:

1. Do global.css dodaj:

Kod:
<style text="text/css"> 

.obrot{background-image: ;border-radius: 100px;height:100px;width:100px;} 

.obrot:hover{background-image: ;opacity:1;-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);transition: 2s;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s;border-color:#1fb6c7;}</style> 

<div class="obrot"></div>

2. Wejdź
ACP -> Style i szablony -> Szablony -> Twój_szablon -> Opis posta -> postbit_avatar

Usuń zawartość szablonu i wklej to:

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

Testowałem na moim forum i ładnie śmiga

Ok pomogło, jutro dam punkt bo dzienny limit sie skonczył

rr92

Dj_Szymek

rr92

Dj_Szymek

rr92

Dj_Szymek

rr92

Dj_Szymek

rr92

Dj_Szymek

rr92