منتديات هبوب الجنوب - عرض مشاركة واحدة - شرح أضافة ايقونة بجانب كل قسم بدون منتجات
عرض مشاركة واحدة
#1  
قديم 15-07-2019

الوافي متواجد حالياً
SMS ~ [ + ]
يقولون من يرفع راسه فوق تنكسر رقبته
وأنا أبي أرفع رآسي فوق وأشوف منهو كفو يكسرهـ
تراني أنتظركـ ..
اوسمتي
وسام وسام 
لوني المفضل Cadetblue
 رقم العضوية : 1
 تاريخ التسجيل : Mar 2009
 فترة الأقامة : 5552 يوم
 أخر زيارة : منذ 45 دقيقة (08:42 PM)
 الإقامة : بين الماضي والحاضر
 المشاركات : 55,755 [ + ]
 التقييم : 87581
 معدل التقييم : الوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond repute
بيانات اضافيه [ + ]
افتراضي شرح أضافة ايقونة بجانب كل قسم بدون منتجات



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

( شاهد الصورة التالية )
أضافة ايقونة بجانب بدون منتجات
سنقوم يتغير الايقونات الى ايقونات جميلة بالاستعانة بمكتبة ( Font Awesome )
أولاً:- نذهب الة لوحة التحكم

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

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

( شاهد الصورة التالية )
أضافة ايقونة بجانب بدون منتجات
ثم نقوم بلصق الكود التالي في قالب ( 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} /* نهاية كود ايقونات الأقسام */


بعد لصق الكود نختار حفظ
( شاهد الصورة التالية )
أضافة ايقونة بجانب بدون منتجات
الان سنقوم بشرح الكود حتى يسهل علينا تغير الايقونات بما نراه مناسب

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

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

( شاهد الصورة التالية )
أضافة ايقونة بجانب بدون منتجات
وهذي النتيجة النهائية للعمل

( شاهد الصورة التالية )
أضافة ايقونة بجانب بدون منتجات

مع أجمل تحية معتادهـ ..


كلمات البحث

برامج | سيارات | هاكات | استايلات | أكواد | الوان مجموعات | برمجه | منتديات عامه | العاب





 توقيع : الوافي




رد مع اقتباس