Sallanan Logo Yapımı.

Merhaba arkadaşlar,
Sallanan logo yapmayı göstereceğim.
Öncelikle ;
Admin KP > Tema & Şablonlar > Kullandığınız Tema > global.css > Gelişmiş düzenleme > En alta şu kodları ekleyin ;

.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)}}

Kaydedip çıkın.

Daha sonra;
Admin KP > Tema & Şablonlar > Kullandığınız Tema > Sağ taraftan şablonlar > Kullandığınız tema > Header Şablonlar > Header şablonuna girip şu kodu bulun ;

<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

Tamamını bununla değiştirin ;

<div class="logo2"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

İşlem tamam , logonuz sallanacaktır.
İyi forumlar.

vuvuvuvu