Kullanıcı:
Filtreler
Neler yeni
XenGenTr
Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
XenForo Hareketli Bildirimler

XF 2.2 Eklenti XenForo Hareketli Bildirimler

Genel bakış İncelemeler (4) Forum konusu
Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.
netr0n

netr0n

XGT
Yönetici
XGT Master
SMS onaylı
Katılım
6 Ara 2016
Mesajlar
7,163
Çözümler
1,194
netr0n Kullanıcımız yeni bir kaynak oluşturdu:

XenForo Hareketli Bildirimler - XenForo 2 için bildirim animasyonu

Merhabalar, forumunuza hareketli bildirim ve hareketli özel mesaj bildirimi ekleyebilirsiniz. Bildirim geldiğinde hareket eden bir zil ve hareket eden bir shadow ekliyoruz.

Bildirimler alanına animasyon eklemek için kullandığınız temanın extra.less şablonunu açın ve aşağıdaki kodları ekleyip kayıt edin..

Less: 
@keyframes xgtbell {
    0% {
        transform: rotate(0);
    }
    10% {
        transform: rotate(30deg);
    }
    20% {
        transform: rotate(0);
    }...
Genişletmek için tıkla ...

Bu kaynak hakkında daha fazla bilgi ...
 
  • Beğen
Tepkiler: Sis
ben ekledikten sonra forumda bozulmalar oldu. Defaultta mı olur sadece?
 
hangı kodu denedıgınızde sayfanız bozuldu
 
ekledıgın kodu kaldırıp bunu eklermısın
CSS: 
@keyframes xgtbell {

    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(30deg);
    }

    20% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(0);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }

}

@-webkit-keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

@keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

.badgeContainer--highlighted {
    i {
        &:after {
            animation: xgtbell 1s 1s both infinite;
        }

    }

    border: none;
    box-shadow: 0 0 0 0 rgba(225, 228, 227, 0.7);
    border-radius: 10%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
 
Halis' Alıntı:
ekledıgın kodu kaldırıp bunu eklermısın
CSS: 
@keyframes xgtbell {

    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(30deg);
    }

    20% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(0);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }

}

@-webkit-keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

@keyframes xgtNotificationAnim {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0);
    }
}

.badgeContainer--highlighted {
    i {
        &:after {
            animation: xgtbell 1s 1s both infinite;
        }

    }

    border: none;
    box-shadow: 0 0 0 0 rgba(225, 228, 227, 0.7);
    border-radius: 10%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: xgtNotificationAnim 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
Genişletmek için tıkla ...

Oldu ancak eklediğim resimdeki gibi profili orda ticaret puanı falan onlar çıktı karışltı yani
 

Ekli dosyalar

  • Adsız.png
    Adsız.png
    110.2 KB · Görüntüleme: 30
Ben kendim denedim gayet düzgün çalışıyor yanlıs birşey yapıyor olmayasınız
 
Halis' Alıntı:
Ben kendim denedim gayet düzgün çalışıyor yanlıs birşey yapıyor olmayasınız
Genişletmek için tıkla ...

Çalışmasında problem yok gayet düzgün çalışıyor ama mesaj alanına girdiğim zaman bu böyle profil karışık duruyor. Ben gönderdim sorun var karşı taraf açıyor onda yok mesela.Ticaret eklentisiyle birlikte çalışınca problem oluşturuyor olabilir mi?
 
ben kullanıyorum sorun çıkmadı ellerine sağlık netr0n netr0n abi
 
Eline saglik ustad.. Kayit ol butonuna bu sekilde nasil yapabiliriz?
Tesekkurler..
 
Cevap yazmak için giriş yap yada kayıt ol.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol