Kayan logo kodu - Baskı Önizleme

Kayan logo kodu - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Eklenti & Modifikasyon İstekleri (https://mybbdepo.com/eklenti-modifikasyon-istekleri-forumu)
+---- Konu Başlığı: Kayan logo kodu (/kayan-logo-kodu-konusu.html)

Kayan logo kodu - MeDjAi - 30-10-2012

Evet arkadaşlar muhtemelen birçok kişi bunu arıyordu..
Kayan logo kodu yani üstüne gelince sağa doğru kayan logo şimdi başlayalım..

Öncelikle: Şablon & Stil>Temalar>Temanız>Css Ekle

Dosya adı:
kaygan.css

İlişkilendirilen:
Genel

Kendi içeriğimi yaz>stil sayfasını kaydet

gelen textbox'a

Kod:

.slideright:hover {

    -webkit-transform: translate(1em, 0pt);

    -moz-transform: translate(1em, 0pt);

    -o-transform: translate(1em, 0pt);

    -ms-transform: translate(1em, 0pt);

}

.showbox {

    -webkit-transition: all 0s ease-in-out 0s;

    -moz-transition: all 0s ease-in-out 0s;

    -o-transition: all 0s ease-in-out 0s;

    -ms-transition: all 0s ease-in-out 0s;

}

yazın ve kayıt edin..

Şimdi geldi şablonlara:

Şablonlar>Temanızın Templatesi>Header Şablonlar>Header

Şimdi şu kodu bulun:

Kod:

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

Onu bununla değiştirin:

Kod:

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

Eveet artık üstüne gelince logomuz kayıyor..
Eğer doğru kodlamayı yaparsanız diğer şeyleri de kaydırabilirsiniz..

Not:Css ile oynarsanız daha uzağa ve daha hızlı kaydırabilirsiniz..

Not Alıntıdır ve denenmiştir

Cvp: Kayan logo kodu - sapanp - 03-09-2014

oldu sagolasin

Cvp: Kayan logo kodu - boneschursce - 22-08-2016

Başarılı ve olumlu Gülümseme

Cvp: Kayan logo kodu - tedem - 22-11-2016

Aşağıdaki CSS kütüphanesi ile bir çok animasyon yapabilirsiniz:

Kod:

https://daneden.github.io/animate.css/

Kurulumu:

Temanızın headerinclude şablonunda bulunan {$stylesheets} kodunun hemen üstüne aşağıdaki kodu ekleyin:

Kod:

<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />

Kullanımı:

Kod:

<div class="animated pulse">MyBB için animate.css kullanımı</div>

Bu etikete (div) animasyon eklemek için aşağıdaki tanımı kullandık:

Kod:

animated pulse

Animasyonu sınırsız yapmak istiyorsanız infinite tanımını eklemelisiniz:

Kod:

<div class="animated infinite pulse">MyBB için animate.css kullanımı</div>

Ayrıntılı kurulum ve kullanım için aşağıdaki bağlantıyı kullanabilirsiniz:

Kod:

https://github.com/daneden/animate.css#basic-usage

Bol animasyonlar Gülümseme