MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
MeDjAi avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Kayan logo kodu


Sponsor Reklam
media venus

Çevrimdışı MeDjAi
 Tarih: 30-10-2012, Saat:02:58
(Son Düzenleme: 30-10-2012, Saat:02:59, Düzenleyen: MeDjAi.)
#1
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
Cevapla
Bunu Beğenenler: Leggal , Manager , Richardio
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı sapanp
 Tarih: 03-09-2014, Saat:23:45
#2
oldu sagolasin
Cevapla
Bunu Beğenenler:

Çevrimdışı boneschursce
 Tarih: 22-08-2016, Saat:15:48
#3
Başarılı ve olumlu Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı erdalmedet
 Tarih: 22-11-2016, Saat:00:18
(Son Düzenleme: 22-11-2016, Saat:00:21, Düzenleyen: erdalmedet.)
#4
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
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Kure.tv Emled Kodu Yapacak Varm Asi P@tron 0 1,039 26-04-2013, Saat:14:35
Son Yorum: Asi P@tron
  Embed Kodu Ekletisi Asi P@tron 7 1,515 24-04-2013, Saat:19:51
Son Yorum: Asi P@tron
Üzgün Mybbdepo navigasyon kodu ? Kereminfo 6 1,489 17-02-2013, Saat:00:36
Son Yorum: Kereminfo
  [1.6] Resmi Yazını Soluna Hizalama BBCODE Yapımı Kodu artieksi 1 1,010 26-12-2012, Saat:23:35
Son Yorum: xpserkan



Konuyu Okuyanlar: 1 Ziyaretçi