Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Logolarınıza Animasyonlu Hover Ekleyin
#1
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
bob.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-bob"src="{$theme['logo']}"/></a>

BOUNCE İN
bounce-in.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-bounce-in"src="{$theme['logo']}"/></a>

BOUNCE OUT
bounce-out.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-bounce-out"src="{$theme['logo']}"/></a>

BUZZ OUT
buzz-out.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-buzz-out"src="{$theme['logo']}"/></a>

BUZZ
buzz.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-buzz"src="{$theme['logo']}"/></a>

FLOAT
float.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-float"src="{$theme['logo']}"/></a>

GROW ROTATE
grow-rotate.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-grow-rotate"src="{$theme['logo']}"/></a>

GROW
grow.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-grow"src="{$theme['logo']}"/></a>

HANG
hang.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-hang"src="{$theme['logo']}"/></a>

POP
pop.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pop"src="{$theme['logo']}"/></a>

PULSE GROW
pulse-grow.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pulse-grow"src="{$theme['logo']}"/></a>

PULSE SHRİNK
pulse-shrink.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pulse-shrink"src="{$theme['logo']}"/></a>

PULSE
pulse.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-pulse"src="{$theme['logo']}"/></a>

PUSH
push.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-push"src="{$theme['logo']}"/></a>

ROTATE
rotate.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-rotate"src="{$theme['logo']}"/></a>

SHRİNK
shrink.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-shrink"src="{$theme['logo']}"/></a>

SİNK
sink.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-sink"src="{$theme['logo']}"/></a>

SKEW BACKWARD
skew-backward.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-skew-backward"src="{$theme['logo']}"/></a>

SKEW FORWARD
skew-forward.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-skew-forward"src="{$theme['logo']}"/></a>

SKEW
skew.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-skew"src="{$theme['logo']}"/></a>

WOBBLE BOTTOM
wobble-bottom.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-bottom"src="{$theme['logo']}"/></a>

WOBBLE HORİZONTAL
wobble-horizontal.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-horizontal"src="{$theme['logo']}"/></a>

WOBBLE SKEW
wobble-skew.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-skew"src="{$theme['logo']}"/></a>

WOBBLE TO BOTTOM RİGHT
wobble-to-bottom-right.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-to-bottom-right"src="{$theme['logo']}"/></a>

WOBBLE TO TOP RİGHT
wobble-to-top-right.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-to-top-right"src="{$theme['logo']}"/></a>

WOBBLE TOP
wobble-top.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-top"src="{$theme['logo']}"/></a>

WOBBLE VERTİCAL
wobble-vertical.gif
Kod:
<a href="{$mybb->settings['bburl']}/index.php"><img class="hvr-wobble-vertical"src="{$theme['logo']}"/></a>
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler güzelmiş
Ara
Cevapla PGM
Teşekkür verenler:
#3
(23-07-2018 Saat: 17:40)SunXDizayn Nickli Kullanıcıdan Alıntı: Teşekkürler güzelmiş

Rica ederim.
Cevapla PGM
Teşekkür verenler:
#4
Güzel konu.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Yararlı ve güzel anlatımlı bir konu
Ara
Cevapla PGM
Teşekkür verenler:
#6
Elinize Sağlık
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping