XF 2.1 Eklenti - XenForo'da Widgetlara Css ile İcon Ekleme | XenGenTr - Türkiye'nin XenForo Türkçe destek topluluğu

Uyumlu XF 2 Sürümleri

2.2.X
2.0.X
2.1.X

Konu, buradaki Nasıl yapılır ? - Çevrim içi üyeler icon ekleme istek üzerine hazırlanmıştır. Eklenti ile yapmak isteyenler direkt buradaki XF 2.2 Eklenti - [XenGenTr] Global forum ikonları eklentisini indirip yapabilir. Özel düzenleme içeren temalarınız var ise isteği yapan arkadaşımız gibi aşağıdaki css kodlarını temanızın extra.less şablonuna ekleyiniz.

Aşağıdaki css kodları Forum sidebar'da yer alan widgetlara css ile icon (simge) eklemesi yapmaktadır.. Farklı iconlar eklemek istiyorsanız Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome sitesine tıklayın ve dilediğiniz iconu css kodlarınızda yer alan content: "\" alanına ekleyin.

Less:

[data-widget-key="forum_overview_members_online"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f0c0";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="new_posts"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f086";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="new_profile_posts"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f4b4";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="forum_statistics"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f4b4";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="share_page"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f1e0";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="xfrm_new_resources"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f019";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

Tepkiler: mkucuksari ve Garfield

Foruma hoş geldin 👋, Ziyaretçi

XF 2.1 Eklenti XenForo'da Widgetlara Css ile İcon Ekleme

netr0n ait diğer kaynakar

Bu kaynağı paylaş

Foruma hoş geldin 👋, Ziyaretçi

Gizliliğinize değer veriyoruz