+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB Grafik & Tasarım Deposu (https://mybbdepo.com/mybb-grafik-tasarim-deposu-forumu)
+--- Forum: MyBB Hazır Grafik Deposu (https://mybbdepo.com/mybb-hazir-grafik-deposu-forumu)
+---- Forum: Avatar - İmza (https://mybbdepo.com/avatar-imza-forumu)
+---- Konu Başlığı: 360 Derece Dönen Avatar Plugin [İstek] (/360-derece-donen-avatar-plugin-istek-konusu.html)
Sayfalar:
1
2
360 Derece Dönen Avatar Plugin [İstek] - SPeeDFire^^ - 04-01-2013
Arkadaşlar 360 Derece dönen avatar plugin lazım verebilen
360 Derece Dönen Avatar Plugin [İstek] - Smyrna35 - 04-01-2013
sanırım plugini yok ama kod ile yapabilirsin
1)
Admin KP > Stil&Şablonlar > Şablonlar > Kullandığınız Tema Template'si > Post bit Şablonlar > postbit_avatar
girin.
2) Her şeyi silip bu kodları yapıştırın.
Kod:
<!--- donen avatar kod baslangici ---><style type="text/css"> p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); } p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ } p#socialicons3 img:hover{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } </style> <p> </p> <p id="socialicons"><a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" /></p> <p><b> </b></p></a><!--- donen avatar kod bitisi --->360 Derece Dönen Avatar Plugin [İstek] - SPeeDFire^^ - 04-01-2013
Olmadı
360 Derece Dönen Avatar Plugin [İstek] - Smyrna35 - 04-01-2013
yanlış yapıyorsunuz herhalde benim sitemde sorunsuz çalışmaktadır
bir de bunu deneyiniz.
Kod:
<!--- adg donen avatar kod baslangici ---><style type="text/css"> p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); } p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ } p#socialicons3 img:hover{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } </style> <p> </p> <p id="socialicons"><a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" class="box-avatar" /></p> <p><b> </b></p></a><!--- adg donen avatar kod bitisi --->360 Derece Dönen Avatar Plugin [İstek] - SvMedeT - 04-01-2013
Smyrna35 arkadaşın verdiği kodları denedim ve çalısıyor hocam. Hala olmadı diyorsanız başka sekilde yollar gösterebilirim.
360 Derece Dönen Avatar Plugin [İstek] - SPeeDFire^^ - 04-01-2013
Olmadı malesef dönmüyor
Cvp: 360 Derece Dönen Avatar Plugin [İstek] - Mısırga - 04-01-2013
(04-01-2013, Saat:19:58)LordOfChaoS Adlı Kullanıcıdan Alıntı: Olmadı malesef dönmüyor
başka tarayıcılarda denediniz mi?
360 Derece Dönen Avatar Plugin [İstek] - SPeeDFire^^ - 04-01-2013
ama bende çalıştı sadece üyelerde olmadı