XenForo Forumlarda Yeni İkonu Gösterme

[xenturka]

Merhaba, xenforo forum anasayfasında yeni okunmamış mesaj olduğunu belirten animasyonlu yeni ikonu eklemek için aşağıda vermiş olduğum kodu kullandığınız temanın extra.less şablonuna eklemeniz yeterlidir.

Ekran görüntüsü:

Kodu extra.less şablonuna eklediğinizde yukarıda ki ekran görselinde görüldüğü gibi okunmamış mesaj bulunan forum bölümlerinde yanıp sönen yeni ikonu çıkacaktır.

// FORUMLARDA YENİ MESAJ VARSA YENİ BUTONU EKLER
.node--unread {
    .node-title {
        &:after {
            content: "{{ phrase('new') }}";
            display: inline-block;
            margin-left: 5px;
            line-height: 1;
            position: relative;
            top: -3px;
            font-size: 13px;
            font-weight: 500;
            color: @xf-textColor;
            background: @xf-textColorAttention;
            border-width: 0;
            border-style: solid;
            border-radius: 3px;
            padding: 5px;
            animation: blink 2s linear infinite;
        }
    }
}

@keyframes blink {
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.2;
    }
    75% {
        opacity: 0.5;
    }
}
// FORUMLARDA YENİ MESAJ VARSA YENİ BUTONU EKLER BİTİŞ