عرض مشاركة واحدة
#1  
قديم 10-06-2019, 04:54 PM
سما الموج متواجد حالياً
 
 عضويتي » 725
 اشراقتي » Jun 2018
 كنت هنا » اليوم (09:16 AM)
آبدآعاتي » 2,428,887[ + ]
سَنابِل الإبْداع » [ + ]
هواياتي »
موطني » دولتي الحبيبه United Arab Emirates
جنسي  »
مُتنفسي هنا »  صوري  مُتنفسي هنا
 
مزاجي:
 
افتراضي شرح أضافة ايقونة بجانب كل قسم بدون منتجات



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





في البداية هذا الشكل التقليدي او المعتاد لايقونات الأقسام ( شاهد الصورة التالية ) .



سنقوم يتغير الايقونات الى ايقونات جميلة بالاستعانة بمكتبة ( Font Awesome )



اولا نذهب الة لوحة التحكم ( شاهد الصورة التالية ) ..



ثم نذهب الى المظهر ومن ثم نحتار القوالب ( شاهد الصورة التالية ) ..



ثم نبحث عن قالب ( EXTRA ) ونفتح القالب ( شاهد الصورة التالية ) ..



ثم نقوم بلصق الكود التالي في قالب ( EXTRA ) ..

اولا نقوم بنسخ الكود التالي ..

كود:
/* كود ايقونات الأقسام */[/SIZE][/CENTER][/SIZE][/CENTER] [SIZE=5][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} /* نهاية كود ايقونات الأقسام */

بعد لصق الكود نختار حفظ ( شاهد الصورة التالية ) ..




الان سنقوم بشرح الكود حتى يسهل علينا تغير الايقونات بما نراه مناسب ( شاهد الصورة التالية ) ..



بعد الدخول على الموقع نختار الايقونات المجانية ( Free ) ( شاهد الصورة التالية ) ..



وهذا شرح بسيط للحصول على الايقونات

نضغط على الايقونه المراد استخدامها وبعد ذالك ننسخ الكود الخاص بالايقونه ( شاهد الصورة التالية ) ..



وهذي النتيجة النهائية للعمل ( شاهد الصورة التالية ) ..




م \ ن





الأعضاء الذين قالوا شكراً لـ سما الموج على المشاركة المفيدة: