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
Teşekkür verenler:
#2
Teşekkürler güzelmiş
Yine iftiracı ve kötü taklitçiler türemiş. ‘Birileri arkanızdan konuşuyorsa, onlardan öndesiniz demektir.’ Çehov

Çok uzun süre sonra imzaya bir not düşeyim buralar eskisi gibi değil#
Ara
Cevapla
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
Teşekkür verenler:
#4
Güzel konu.
Hepimiz bir bataklıkta yaşıyoruz, ama bazılarımız yıldızlara bakıyor.

eski ve son arge ekibi lideri
Cevapla
Teşekkür verenler:
#5
Yararlı ve güzel anlatımlı bir konu
Cevapla
Teşekkür verenler:
#6
Elinize Sağlık
Discord Türkçe Eğlence Bot
Ara
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi



eXpertBoss -


Reliable Magento web hosting on https://certahosting.co.uk page. Click to see prices!