Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Obracane avatary

Szukam  Założony przez  rr92.

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:
<div id="rotator">Zawartość</div>
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
coś nie idzie :(
to kod:
<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:
<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>
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
Niestety nic :(
Pokaż kod który dodałeś do global.css
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
a#rotator img:hover { 
-webkit-transformrotate(360deg); 
-
moz-transformrotate(360deg); 
-
o-transformrotate(360deg);
-
ms-transformrotate(360deg); 

Podmień na taki:

.rotator {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
nic się nie dzieje :(
Już wiem w czym błąd...

Zrób tak:

1. Do global.css dodaj:

<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:
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} class='obrot' /></a>


Testowałem na moim forum i ładnie śmiga :)
Pomogłem?
Kliknij "Pomógł"
To nic nie kosztuje a dużo dla mnie znaczy.
Ok pomogło, jutro dam punkt bo dzienny limit sie skonczył :(



Użytkownicy przeglądający ten wątek:

2 gości