درس خفيف من دروس إضفاء الجمالية على منتداك ، من خلال إضافة أيقونات fontawesome 5 إلى قائمة الفوتر
كل ما عليك عمله هو إضافة الكود التالي في قالب
طبعا يمكنك تغير الايقونات بما تراه مناسب من خلال موقع Font Awesome 5
كل ما عليك عمله هو إضافة الكود التالي في قالب
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
مع خالص التحية و التقدير
التعديل الأخير: