هيلبرنت | Helpernt - [XF 2.x] : طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو

السلام عليكم ورحمه الله وبركاته

درسنا استكمال لما قد بدئناه معا وسويا هنا فى هيلبرنت اليوم معنا درسنا لاضافة ايقونات مكتبه الخطوط لمجموعة العضو
[اسم الدرس]: طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو
[توافق الدرس]: مع النسخة الثانية XF 2.0
[موقع مقدم الدرس]: معهد هيلبرنت

صورة من العمل

http://www.helpernt.com/vb/attachmen...1&d=1516317754

الخطوات فى حال الايقونة ثابتة
ابحث عن قالب EXTRA.less ثم اضف الكود التالي

كود:

/*add fa to your usergroups*/

.username--style3:before {

font-family: "FontAwesome";

content: "\f013";

color: inherit;

padding-right: 4px;

display: inline-block;

}

يرجى الانتباه

style3 هى مجموعة الادمن وبامكانك تغيرها على حسب اسم ورقم المجموعة التي اخترتها مع اعادة نفس الكود لكل مجموعة.
لتغير الايقونة تستطيع عمل ذلك من خلال تغيير هذا f013 الى ما تريد.

الطريقة الثانية
فى حال الايقونة متحركة
ابحث عن قالب EXTRA.less ثم اضف الكود التالي

كود:

username--style3:hover:before{

display:inline-block;

-webkit-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-o-transform:rotate(360deg);

-ms-transform:rotate(360deg);

transform:rotate(360deg);

-webkit-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-ms-transform:rotate(360deg);

-o-transform:rotate(360deg);

transition:all 0.8s;

-webkit-transition:all 0.8s;

-moz-transition:all 0.8s;

-ms-transition:all 0.8s;

-o-transition:all 0.8s

}

المصدر:

كود:

https://xenforo.com/community/threads/add-font-awesome-icons-to-your-usergroups.138231/