MyBB Depo Forum

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

oldu sagolasin

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

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

MeDjAi

sapanp

boneschursce

tedem