• Hoşgeldin ziyaretçi ÜYE OLARAK Özgün Haber ve Makalelerinizi kaynak göstererek uygun olan katogoriye ekleyebilirsiniz.

xenforo Forum istatistikleri widget'i için Font Awesome simgeleri

Forum İstatistikleri widget'i için Font Awesome simgeleri eklemek isterseniz Extra.less şablonunu ekleyin.

ist-png.png


CSS:
.p-body-sidebar {
    [data-widget-definition="forum_statistics"] .pairs {

        dt:before {
            .m-faBase();
            padding-right: 2px;
        }

        &:nth-child(1) dt {
            .m-faBefore("\f07c");
        }

        &:nth-child(2) dt {
            .m-faBefore("\f0e0");
        }

        &:nth-child(3) dt {
            .m-faBefore("\f0c0");
        }

        &:nth-child(4) dt {
            .m-faBefore("\f2bd");
        }
    }
}

widgette yazı olmasın sadece ikon olsun isterseniz

ist2-png.png


CSS:
.p-body-sidebar {
    [data-widget-definition="forum_statistics"] .pairs {

        dt {
            text-indent: -9999px;
            position: relative;

            &:before {
                .m-faBase();
                position: absolute;
                text-indent: 0;
                left: 2px;
            }
        }

        &:nth-child(1) dt {
            .m-faBefore("\f07c");
        }

        &:nth-child(2) dt {
            .m-faBefore("\f0e0");
        }

        &:nth-child(3) dt {
            .m-faBefore("\f0c0");
        }

        &:nth-child(4) dt {
            .m-faBefore("\f2bd");
        }
    }
}
 
Üst