أبو عبدالله
:: الأعضاء ::
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل الخيرات يتجدد بنا القاء مره اخرى في موضوع جديد على آمل ينال رضاكم
دلاسنا اليوم بسيط وسلس ( بس يحتاج شوية تركيز ) على امل الاستفادة منه ولو بنسبة 1% وهو
أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2
بسم الله نبدا الشرح ..
في البداية هذا الشكل التقليدي او المعتاد لايقونات الأقسام ( شاهد الصورة التالية ) ..
سنقوم يتغير الايقونات الى ايقونات جميلة بالاستعانة بمكتبة ( Font Awesome )
اولا نذهب الة لوحة التحكم ( شاهد الصورة التالية ) ..
ثم نذهب الى المظهر ومن ثم نحتار القوالب ( شاهد الصورة التالية ) ..
ثم نبحث عن قالب ( EXTRA ) ونفتح القالب ( شاهد الصورة التالية ) ..
ثم نقوم بلصق الكود التالي في قالب ( EXTRA ) ..
اولا نقوم بنسخ الكود التالي ..
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل الخيرات يتجدد بنا القاء مره اخرى في موضوع جديد على آمل ينال رضاكم
دلاسنا اليوم بسيط وسلس ( بس يحتاج شوية تركيز ) على امل الاستفادة منه ولو بنسبة 1% وهو
أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2
بسم الله نبدا الشرح ..
في البداية هذا الشكل التقليدي او المعتاد لايقونات الأقسام ( شاهد الصورة التالية ) ..
سنقوم يتغير الايقونات الى ايقونات جميلة بالاستعانة بمكتبة ( 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}
/* نهاية كود ايقونات الأقسام */بعد لصق الكود نختار حفظ ( شاهد الصورة التالية ) ..
الان سنقوم بشرح الكود حتى يسهل علينا تغير الايقونات بما نراه مناسب ( شاهد الصورة التالية ) ..
ويمكننا الاستعانه بمكتبة الايقونات للحصول على ايقونات معينه من الرابط التالي
مكتبة الايقونات
او عن طريق الدخول للموقع التالي ..
كود:
https://fontawesome.com/icons?d=gallery&m=freeبعد الدخول على الموقع نختار الايقونات المجانية ( Free ) ( شاهد الصورة التالية ) ..
وهذا شرح بسيط للحصول على الايقونات
نضغط على الايقونه المراد استخدامها وبعد ذالك ننسخ الكود الخاص بالايقونه ( شاهد الصورة التالية ) ..
وهذي النتيجة النهائية للعمل ( شاهد الصورة التالية ) ..
وبكذا نكون انتهينا من الدرس
واي استفسار انا حاظر وفي الخدمة
وأخيرا إن أحسنت فمن الله ، وإن أسأت أو أخطأت فمن نفسي والشيطان .
تحيتي
أخوكم / أبو عبدالله
التعديل الأخير: