KodMaster Logo Hover

[Kaily]

Kodmaster Siyah-Beyaz olma logo hoveri

global.cssnin en altına şu kodu atın.

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

.log {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.log:hover {
-webkit-filter: grayscale(100%) ;
}


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

Header şablonunda bu kodu bulun:

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>

Yukarıda verdiğim kodun tamı tamına aynısı olmayabilir,ona benzer bir kod var ise aşağıda vereceğim kod ile değiştirin.

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

<div class="showbox slideright"><div class="log"><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></div>

Demo:
http://kodmaster.10tl.net/

[meta the god]

http://turkiyeoyuncum.10tl.net/ sitemde kullanıyorum, başarılı bir hover.

[Kaily]

http://turkiyeoyuncum.10tl.net/ sitemde kullanıyorum, başarılı bir hover.

Teşekkürler.

[Neon Blazer]

http://frmplus.10tl.net sitemde kullanıcam, başarılı bir hover :)

[Kaily]

http://frmplus.10tl.net sitemde kullanıcam. Başarılı bir hover :)

Teşekkürler.
-----------
Demo eklendi.

[Novruz]

Tessekkurler :)

[Kaily]

Tessekkurler :)

Rica Ederiz.

[Batuhann]

Teşekkür ederim.

[Kaily]

Teşekkür ederim.

Rica ederiz.

[DarKRooM]

Teşekkürler Hocam.

[Kaily]

Teşekkürler Hocam.

Rica ederiz.