مكانية اضافة اكثر من وسام بعنصر شخصي واحد واظهار الاوسمة بطريقة روعة

السلام عليكم
سأشرح لكم اليوم طريقة جميلة لاضافة أكثر من وسام لعضو في عنصر شخصي واحد
واظهار هذا العنصر بطريقة روعة
-----------
أولا تفضلوا مثال لما سنقوم بتنفيذه

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

انظروا الأوسمة كيف تظهر
ملحوظة : يمكنكم اضافة عدد غير محدود من الأوسمة
-----------
لنبدأ:-
اذهب الي : لوحة الادارة > الاعضاء والمجموعات > البيانات الشخصية > اضغط زر اضافة
شرح بالصور

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

ثم

ثم

بعدها ستظهر لك صفحة اضافة عنصر
اجعل الخيارات هكذا
النوع : حقل نص متعدد
إسم : الأوسمة
الوصف : الأوسمة (اختياري)
رابط الأيقونة : غير مهمة
معاينة : ضع صح امام ( البيانات الشخصية ) و (المساهمات)
نوع الاظهار : أيقونة
من يستطيع تعديل خيارات و محتويات الحقل؟: ضع صم امام (المشرفون)
إظهار هذا الحقل للمستعملين الذين ينتمون على الأقل الى مجموعة : (اختر الزوار) أو (الأعضاء) حسب راحتك
فارق : هذا غير ضروري واذا أردته فهذا الفارق بين عنصر أوسمة والعنصر اللذي يليه
ثم اضغط سجل
بحيث تكون الصفحة هكذا


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


اما في المحتوي الأصلي :
تضع أحد هذه الأكواد لصور مختلفة
اختر منها ما يناسب منتداك
وأضف الكود الي خانة المحتوي الأصلي:-
وهذه الصور وأكوادها

الرمز:


الرمز:


الرمز:


الرمز:


الرمز:


الرمز:


الرمز:

بعد وضع أحد هذه الأكواد في خانة المحتوي الأصلي
اضغط سجل
ثم اذهب الي عنصر الأوسمة بعدما تم انشاؤه واضغط زر التعديل
واضغط تغيير المحتوي ليتم وضع هذه الصور لكل الأعضاء
بهذا تم انشاء العنصر بنجاح



-----------
بعد تنفيذ هذه الخطوات يكون عنصر الأوسمة جاهز

ولم يتبق عليك سوي اضافة أوسمة للعضو

بحيث كلما يزيد نشاط العضو تمنحه وسام زيادة

طريقة اضافة الأوسمة للعضو

اذهب الي الملف الشخصي لعضو معين

ثم اضغط زر التعديل الديناميكي عندما تمرر الماوس علي العنصر


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


سيظهر لك مربع التعديل
اضغط انتر بعد الكود الموجود
وأضف هذا الكود
الرمز:

ضع مكان النجوم رابط صورة الوسام الجديد اللذي تريد اضافته
وكلما أردت اضافة وسام آخر استخدم نفس الكود وضع به رابط الوسام الجديد
مع مراعاة الفصل بين كل وسام بانتر
ثم اضغط ايقونة صح للحفظ

-----------
سيظهر ان شاء الله العنصر بهذا الشكل


رموز الوان كلمة الأوسمه



الأسود
الأحمر
الرصاصي
الزيتوني
البيج
البنفسجي