• أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

إضافة أيقونات fontawesome 5 إلى قوائم الفوتر

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
23 يناير 2019
5,389
45
3,440
113
زين العربية
xenarabia.com
درس خفيف من دروس إضفاء الجمالية على منتداك ، من خلال إضافة أيقونات fontawesome 5 إلى قائمة الفوتر

القائمة قبل التعديل

15

القائمة بعد التعديل

16

كل ما عليك عمله هو إضافة الكود التالي في قالب extra.less

CSS:
.p-footer-linkList  a[href*="/help/"]:before{.m-faContent(@fa-var-info-circle);}

.p-footer-linkList  a[href*="/misc/contact"]:before{.m-faContent(@fa-var-envelope);}

.p-footer-linkList  a[href*="/terms/"]:before{.m-faContent(@fa-var-file-alt);}

.p-footer-linkList  a[href*="/privacy-policy/"]:before{.m-faContent(@fa-var-user-secret);}

.p-footer-linkList  a[href*="https://nadorforum.com"]:before{.m-faContent(@fa-var-home);}

CSS:
.p-footer-linkList  a[href*="/misc/contact"]:before{ .m-faBase(); padding-right: 5px; content: "\f199" }
.p-footer-linkList  a[href*="help/terms"]:before{.m-faBase(); padding-right: 5px;content: "\f071" !important;}
.p-footer-linkList  a[href*="/help/"]:before{ .m-faBase(); padding-right: 5px; content: "\f059" }
.p-footer-linkList  a[href*="/help/privacy-policy/"]:before{  .m-faBase(); padding-right: 5px; content: "\f21b" !important; }
.p-footer-linkList  a[href*="https://"]:before{ .m-faBase(); padding-right: 5px; content: "\f015" }


طبعا يمكنك تغير الايقونات بما تراه مناسب من خلال موقع Font Awesome 5

مع خالص التحية و التقدير 😊
 
التعديل الأخير:
رائع والله يا غالي
لكن هل ممكن تجمع جميع هذه الاضافات في شكل هاك - إضافة - بيكون أفضل

مع الاسف اخي لست خبير في برمجة الاضافات .. 😢
 
بارك الله فيك

بعد التركيب لا تظهر الا في اثنين فقط

مشاهدة المرفق 6930
تم التجربة على الستايل الافتراضي ويعمل بدون مشاكل
تاكد من انه لا يوجد اكواد CSS سابقا تقوم بنفس التنسيق، لان دائما ما يتم قراءة الكود الاول المطبق على نفس الكلاس
 

إحصائيات المنتدى

المواضيع
1,589
المشاركات
17,895
الأعضاء
1,156
آخر عضو مسجل
hamodsekik
أعلى