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..
Demo: http://demofrm.10tl.net/index.php
Ö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
yazın ve kayıt edin..
Şimdi geldi şablonlara:
Şablonlar>Temanızın Templatesi>Header Şablonlar>Header
Şimdi şu kodu bulun:
Onu bununla değiştirin:
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..
Kayan logo kodu yani üstüne gelince sağa doğru kayan logo şimdi başlayalım..
Demo: http://demofrm.10tl.net/index.php
Ö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 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
}Ş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..
İşinize yaradıysa 1 repi çok görmeyin ;)
Not:Css ile oynarsanız daha uzağa ve daha hızlı kaydırabilirsiniz..
