360 Derece Dönen Avatar Plugin [İstek] - Baskı Önizleme +- 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ı |