السلام عليكم ورحمه الله وبركاته
درسنا استكمال لما قد بدئناه معا وسويا هنا فى هيلبرنت اليوم معنا درسنا لاضافة ايقونات مكتبه الخطوط لمجموعة العضو
[اسم الدرس]: طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو
[توافق الدرس]: مع النسخة الثانية XF 2.0
[موقع مقدم الدرس]: معهد هيلبرنت
صورة من العمل
الخطوات فى حال الايقونة ثابتة
ابحث عن قالب 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/