منتديات هبوب الجنوب - شرح أضافة ايقونة بجانب كل قسم بدون منتجات

في البداية هذا الشكل التقليدي او المعتاد لايقونات الأقسام

( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...65187be209.jpg
سنقوم يتغير الايقونات الى ايقونات جميلة بالاستعانة بمكتبة ( Font Awesome )
أولاً:- نذهب الة لوحة التحكم

( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...3a5cfa8070.jpg
ثم نذهب الى المظهر ومن ثم نحتار القوالب
( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...1f299f5c74.jpg
ثم نبحث عن قالب ( EXTRA ) ونفتح القالب

( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...91b92dc101.jpg
ثم نقوم بلصق الكود التالي في قالب ( EXTRA )
أولاً:- نقوم بنسخ الكود التالي ..

كود:

/* كود ايقونات الأقسام */

كود:

[/SIZE][/CENTER] [SIZE=5][CENTER] .node--forum.node--id2.node--read .node-icon i:before{content:'\f4ad';color:#d5eaf9} .node--forum.node--id2.node--unread .node-icon i:before{content:'\f4ad';color:#185886} /* نهاية كود ايقونات الأقسام */

بعد لصق الكود نختار حفظ
( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...5f3c3d182c.jpg
الان سنقوم بشرح الكود حتى يسهل علينا تغير الايقونات بما نراه مناسب

( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...ac3838656a.jpg
بعد الدخول على الموقع نختار الايقونات المجانية

( Free ) ( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...0bcbf04f86.jpg
وهذا شرح بسيط للحصول على الايقونات
نضغط على الايقونه المراد استخدامها وبعد ذالك ننسخ الكود الخاص بالايقونه

( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...a42c419af4.jpg
وهذي النتيجة النهائية للعمل

( شاهد الصورة التالية )
https://xenarabia.com/data/attachmen...2338ad3a90.jpg
مع أجمل تحية معتادهـ ..