kręcące się awatary

[alus]

Mam pytanko, spodobała mi się jedna rzecz a mianowicie kręcące się awatary na forum http://deagle.pl czy jest z tym dużo roboty żeby to zrobić ?

[Amfidiusz]

Raczej nie, prosta zabawa z CSS: http://www.w3schools.com/css/css3_2dtransforms.asp

[Macsch15]

http://forum.invisionize.pl/topic/41678-kr%C4%99c%C4%85ce-sie-obrazki-w-profilu/

[alus]

nic nie rozumiem z tego ; //

[Macsch15]

Czego nie rozumiesz?

[alus]

na stronkach jest napisane po ang, ja nie ogarniam dobrze tego nie wiem gdzie w jaki plik mam wejsc w ktorej linicje co dodac co zmienic .. 

[JamLasica]

http://kodcss.pl/kurs-css/lekcje/dzial-1/przeksztalcenie-elementu-html-w-przestrzeni-2d

No to łap po naszemu.

[Amfidiusz]

A pliki powinny Cię interesować tylko userInfoPane (html) i ipb_styles.css (css).

[alus]

nie, nie moge tego zrobic, jest ktos chetny do pomocy?

[Gość ratosluaf]

A ty chętny do zapłaty?

[alus]

nie <3

[BendfellsTM]

Przykro mi ale bez zapłaty raczej nikt Ci tego nie zrobi .

[Gość Netrodal]

Ja mogę Ci to wykonać za darmo.

[Amfidiusz]

To rób, a efektami podziel się w poradnikach  http://forum.invisionize.pl/tutorials/

[JakaAkaMadafaka]

Hmmm, pomyślmy, za to odpowiada selektor prawdopodobnie .ipsUserPhotoLink:hover .ipsUserPhoto, czyli to będzie tak:

.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: #7d7d7d;
transform: rotate(-360deg);
transition-delay: 0s;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease-in-out;
}

Musisz wejść w ACP --> Wygląd --> Style i szablony --> IP.Board(opcjonalnie) --> CSS --> ipb_styles.css

Szukaj za pomocą ctrl+F ".ipsUserPhotoLink:hover .ipsUserPhoto" oraz podmień całość tego kodu tam za ten co teraz podesłałem, może będzie działać, niczego nie obiecuje. U mnie na testowym forum działa wyśmienicie. Jeżeli nie będzie działać to poprostu wklej ten kod zamiast tego poprzedniego:

.ipsUserPhotoLink:hover .ipsUserPhoto {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transition-delay: 0s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-property: all;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
}

Nie pamiętam przy jakich cechach dawało się te -webkit- etc. dlatego dałem przy wszystkich - powinno działać wtedy na bank .

 

Pozdrawiam Jake Nicholas.

[Mdx91]

Nie pamiętam przy jakich cechach dawało się te -webkit- etc. dlatego dałem przy wszystkich - powinno działać wtedy na bank .

Pozdrawiam Jake Nicholas.

Hmm... to jezeli nie pamietasz to moze lepiej by bylo sprawdzic (od razu sobie przypomniec) i wtedy napisac "pewniaka" (po co wrzucac niepotrzebny kod w arkusze?)

[alus]

trochę mnie tu nie było :3 nie to nie działa a w kodzie mam :

.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: #c3c3c3;
}
 
.ipsUserPhoto_variable { max-width: 155px; }
.ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
.ipsUserPhoto_medium { width: 50px; height: 50px; }
.ipsUserPhoto_mini { width: 34px; height: 34px; }
.ipsUserPhoto_tiny { width: 20px; height: 20px; }
.ipsUserPhoto_icon { width: 16px; height: 16px; }

[JamLasica]

Sorry, ale co Ty z tego wkleiłeś jest podobne (ba, powinno być takie samo?) jak to co wkleił JakaAkaMadafaka?

Weź przeczytaj ten wątek od początku, pomyśl co miałeś DOPISAĆ i to dopisz, a nie wstaw coś od czap i stwierdź "nie działa".