Üstüne Gelince Kayan Logo Yapımı

[lopermax]

Ne İşe Yarar ? Bu Kodlar Logonuzun Üstüne Gelince Sağa Kaymasını Sağlar.

İlk Önce
Admin KP >> Temalar&Şablonlar >>Temanız>>Css Ekle Ye Tıklıyoruz
Daha Sonra
Dosya Adı:Kaygan.css
İlişkilendirilen :Genel
Kendi İçeriğimi Yazmak İstiyorumu İşaretliyoruz Ve Gelen Kutuya Aşağıdaki Kodu Ekliyoruz.

Kod: Tümünü Seç Tümünü Kopyala

.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;
}

Sonra Kaydedip Çıkıyoruz

Tekrar
Admin KP >> Temalar&Şablonlar >>Şablonlar>>Temanız>>Header Şablonlar Veya Üst Kısım Şablonlar Tıklıyoruz

Kod: Tümünü Seç Tümünü Kopyala

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

Bu Kodu Bulup

Kod: Tümünü Seç Tümünü Kopyala

<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>

Bunla Değiştiriyoruz Ve Bitti

DEMO:
http://webadmin.10tl.net

[PashaCrall]

Teşekkürler..