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

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

أبو غَيْث

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

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

15

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

16

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

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

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

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

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

المواضيع
1,444
المشاركات
16,588
الأعضاء
1,021
آخر عضو مسجل
wallas
أعلى