عرض مشاركة واحدة
احصائياتى

الردود
2

المشاهدات
1107
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
01-19-2018, 02:29 AM
المشاركة 1
01-19-2018, 02:29 AM
المشاركة 1
افتراضي طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو
السلام عليكم ورحمه الله وبركاته
درسنا استكمال لما قد بدئناه معا وسويا هنا فى هيلبرنت اليوم معنا درسنا لاضافة ايقونات مكتبه الخطوط لمجموعة العضو
[اسم الدرس]: طريقة اضافة ايقونات مكتبة الخطوط 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/