Merhabalar. Öncelikle bu konu alıntıdır. Sadece aşağıya eklenen gifler tamamen kendi denemem sonucunda oluşturulmuştur. Tek tek denenerek gifler tarafımca hazırlanmıştır.
Bu animasyonlar ile logolarınıza alışılmışın dışında değişik hoverler verebilirsiniz.
Öncelikle Yapmanız Gereken:
Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Gruplandırılmamış Şablonlar- headerinclude şablonlarının en alt kısmına şu kodu ekleyin.
Kod:
<link href="http://st.10tl.net/tema/lastworld/destek/admin/css/hover-min.css" rel="stylesheet">
Daha Sonra:
Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Header Şablonları - header'de şu kodu bulun.
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
Daha sonra aşağıdaki hoverlerden hangisini beğendiyseniz o kodu bunun yerine yapıştırın.
BOB
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-bob"src="{$theme['logo']}"/></a>
BOUNCE İN
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-bounce-in"src="{$theme['logo']}"/></a>
BOUNCE OUT
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-bounce-out"src="{$theme['logo']}"/></a>
BUZZ OUT
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-buzz-out"src="{$theme['logo']}"/></a>
BUZZ
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-buzz"src="{$theme['logo']}"/></a>
FLOAT
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-float"src="{$theme['logo']}"/></a>
GROW ROTATE
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-grow-rotate"src="{$theme['logo']}"/></a>
GROW
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-grow"src="{$theme['logo']}"/></a>
HANG
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-hang"src="{$theme['logo']}"/></a>
POP
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pop"src="{$theme['logo']}"/></a>
PULSE GROW
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pulse-grow"src="{$theme['logo']}"/></a>
PULSE SHRİNK
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pulse-shrink"src="{$theme['logo']}"/></a>
PULSE
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pulse"src="{$theme['logo']}"/></a>
PUSH
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-push"src="{$theme['logo']}"/></a>
ROTATE
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-rotate"src="{$theme['logo']}"/></a>
SHRİNK
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-shrink"src="{$theme['logo']}"/></a>
SİNK
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-sink"src="{$theme['logo']}"/></a>
SKEW BACKWARD
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-skew-backward"src="{$theme['logo']}"/></a>
SKEW FORWARD
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-skew-forward"src="{$theme['logo']}"/></a>
SKEW
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-skew"src="{$theme['logo']}"/></a>
WOBBLE BOTTOM
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-bottom"src="{$theme['logo']}"/></a>
WOBBLE HORİZONTAL
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-horizontal"src="{$theme['logo']}"/></a>
WOBBLE SKEW
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-skew"src="{$theme['logo']}"/></a>
WOBBLE TO BOTTOM RİGHT
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-to-bottom-right"src="{$theme['logo']}"/></a>
WOBBLE TO TOP RİGHT
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-to-top-right"src="{$theme['logo']}"/></a>
WOBBLE TOP
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-top"src="{$theme['logo']}"/></a>
WOBBLE VERTİCAL
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-vertical"src="{$theme['logo']}"/></a>