عيد الاضحى المبارك


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو

السلام عليكم ورحمه الله وبركاته درسنا استكمال لما قد بدئناه معا وسويا هنا فى هيلبرنت اليوم معنا درسنا لاضافة ايقونات مكتبه الخطوط لمجموعة العضو : طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة...

احصائياتى

الردود
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/


قديم 01-19-2018, 12:48 PM
المشاركة 2
طيور الظلام
.:: عضو فعال ::.
  • طيور الظلام غير متواجد حالياً
افتراضي رد: طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو
والله

شرح

رووعه

قديم 01-23-2018, 11:19 AM
المشاركة 3
غاوى مشاكل
.:: عضو تشيط ::.
  • غاوى مشاكل غير متواجد حالياً
افتراضي رد: طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو
مشاء الله

طريقة راااااائعه

اضافة رد

العلامات المرجعية

طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x] : شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2 نسيت النوم ركن شروحات الزين فورو XENFORO 10 03-20-2020 06:42 PM
[XF 2.x Add] : هاك اضافة ايقونات مكتبة الخطوط font awesome لجميع القوائم المتواجد بالشريط الجانبى هيلبرنت اضافات الزين فورو XENFORO 5 05-28-2018 08:04 AM
[XF 2.x Add] : هاك اضافة ايقونات مكتبة الخطوط font awesome لقائمة العضو بالصفحة الرئيسية هيلبرنت اضافات الزين فورو XENFORO 3 01-19-2018 12:53 PM
[XF 2.x] : اضافة ايقونات مكتبة الخطوط fontawsome لقائمة العضوية نسيت النوم ركن شروحات الزين فورو XENFORO 2 01-12-2018 10:43 PM
[ شرح ] : طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo هيلبرنت ركن شروحات الزين فورو XENFORO 5 09-21-2017 05:27 PM




الساعة الآن 11:48 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum