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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اما في المحتوي الأصلي :

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

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

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

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

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

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

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

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

بهذا تم انشاء العنصر بنجاح

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

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

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

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

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

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

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

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

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

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

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

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

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

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

» كود لجعل كلمة تلحق الماوس بطريقة روعة
» اقوي شرح عربي لتركيب منتدي vb على سيرفر شخصي - الجزء الاول
» كاسات الضيافة بطريقة سهلة
» سلطة فواكه بطريقة مميزة
» نص يظهر بطريقة الآلة الكاتبة