كود جميل لإضافــة أيقونات في وجت إحصائيات المنتدى لنسخـــة Xenforo 2.x

[النوميدي]

إن الحمد لله نحمده ونستعيده ونستغفره ونتوب إليه
ونعوذ بالله من شرور أنفسنا ومن سيئات أعمالنا، من يهده الله فلا مضل له ومن يضلل فلا هادي له،
وأشهد أن لا إله إلا الله وحده لا شريك له وأشهد أن محمداً عبده ورسوله،
{{ يَا أَيُّهَا الَّذِينَ آمَنُوا اتَّقُوا اللَّهَ حَقَّ تُقَاتِهِ وَلاَ تَمُوتُنَّ إِلاَّ وَأَنْتُمْ مُسْلِمُونَ *}} [ آل عمران ] ,
من يهد الله فهو المهتدي، ومن يضلل فلن تجد له ولياً مرشداً،أما بعد

اهــلا وســهلا اعضــاء منتديات تكاوزن الكــرام...
اســعدالله اوقاتـكم بـكل خـيـــر...

يطــيب لي أن أقـــدم لكـــم اليوم كود جميل لإضافــة أيقونات
في وجت إحصائيات المنتدى لنسخـــة Xenforo 2.x
نجدها على هذا النحو
01- ندخل على قالب extra.less و نضيف الكود في أخر القالب​

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

أما إن أحببنا أن تكون أيقونات دون نص فنضيف هذا الكود​

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

لتصبح على هذا النحو

إلى موضوع جديد ...
أستودعكم الله الذي لا تضيع ودائعه

​

 

[Akram]

ارك الله فيك عزيزي
يعطيك الف عافية .

 

[Jamal]

نسخة مميزة جدا ورائعة
بوركت أخي
تحياتي لك