MyBB Depo Forum

Orjinalini görmek için tıklayınız: Logoya Sallanma Efekti Verme
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
resim

Merhaba arkadaşlar;

Sizlere bugün temalarımın hemen hemen hepsinde kullandığım logoya sallanma efektinin yapımını göstereceğim...

Hemen Anlatıma Geçelim.

Admin Paneli :sag_ok: Temalar & Şablonlar :sag_ok: Kullandığını Tema :sag_ok: Global.CSS içerisine girin ve en alt kısıma ekleyin.

Kod:
.logo2 {
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
}
.logo2:hover {
    animation: 0.5s ease 0s normal none infinite swing;
    -moz-animation: 0.5s ease 0s normal none infinite swing;
    -webkit-animation: 0.5s ease 0s normal none infinite swing;
}

@Keyframes swing {
             0% {
               transform: rotate(5deg);
             }
             50% {
               transform: rotate(-5deg);
             }
            100%{
               transform: rotate(5deg);
             }
        }
        
        @-moz-keyframes swing {
             0% {
               -moz-transform: rotate(5deg);
             }
             50% {
               -moz-transform: rotate(-5deg);
             }
            100%{
               -moz-transform: rotate(5deg);
             }
        }
        
        @-webkit-keyframes swing {
             0% {
               -webkit-transform: rotate(5deg);
             }
             50% {
               -webkit-transform: rotate(-5deg);
             }
            100%{
               -webkit-transform: rotate(5deg);
             }
        }

Daha Sonra

Admin Paneli :sag_ok: Temalar & Şablonlar :sag_ok: Kullandığını Temanın Şablonları :sag_ok: Header Şablonları :sag_ok: Header Şablonunu Açın

Bulun:
Kod:
alt="{$mybb->settings['bbname']}"

Yanına bir boşluk bırakarak aşağıdakini ekleyin.
Kod:
class="logo2"

Yapmanız gereken tüm işlem bu kadardır.

Demo:
Kod:
http://www.mmodepo.com/

Kaynak:
Kod:
http://www.mmodepo.com/html-css-seo/1503-logoya-sallanma-efekti-verme.html
Başka bir sitede yaklaşık 2 ay önce falan paylaşılmıştı sanırım Açık Ağızlı Gülümseme
Teşekkürler kardeşim, faydalı konu. Süper
(29-01-2014, Saat:15:03)sp4wn Adlı Kullanıcıdan Alıntı: [ -> ]Başka bir sitede yaklaşık 2 ay önce falan paylaşılmıştı sanırım Açık Ağızlı Gülümseme
Sanmıyorum.
çok ama çok faydalı bi konu blogger siteme de uyguladım Gülümseme