اريد اخفاء نظام الجوائز في المساهمات للاشخاص الذي ليس لديهم جوائز

السلام عليكم ورحمة الله تعالى وبركاته ..

لم اكن اريد طرح سؤالي ولكن بعد عدة محاولات بائت ~~بالفشل~~ في اخفاء نظام الجوائز لم اجد خيار اخر

عموما كما ترون هكذا تكون خانة الجوائز في المساهمات لمن لديه اوسمة :

اريد اخفاء نظام الجوائز في المساهمات للاشخاص الذي ليس لديهم جوائز Screen10

وهكذا تكون لمن ليس لديه اوسمه :

اريد اخفاء نظام الجوائز في المساهمات للاشخاص الذي ليس لديهم جوائز Screen11

نسخة المنتدى : punBB

 هذا كود الجوائز في قالب المواضيع :

الكود:: <br><div {postrow.displayed.AWARDS_SHOW} class="main-content"> <div class="awward">الجوائز</div> {postrow.displayed.AWARDS} </div>

 هذا كود التنسيق CSS :

الكود:: .awward { background-color: #4da50e; border: none !important; border-radius: none !important; color: #FFF; text-align: center; font-family: "Droid Arabic Kufi","Open Sans",sans-serif !important; font-size: 13px; font-weight: 900; .dd_award { max-height: 150px; width: 100%; } .dd_award + .award_more { width: 100%; }

 أريد جعل صندوق الجوائز في المساهمات لا يظهر في مساهمات من ليس لديه جوائز كمنتدى الإبداع العربي على سبيل المثال

وعليكم السلام ورحمة الله تعالى وبركاته اخي

ممكن رابط منتداك

كونان2000 كتب:وعليكم السلام ورحمة الله تعالى وبركاته اخي

ممكن رابط منتداك

اسف كنت احاول حل المشكلة ..
هذا رابط المنتدى
https://futuredig.crearforo.net/

إستطعت ان اجعل الجوائز تظهر فقط للاعضاء المتحصلين عليها ولكن بدون العارضة الخضراء اعلى الجوائز
هل يمكن ان تختفي حتى عارضة الجوائز في مساهمات الاعضاء التي ليس لديهم اي جائزة ؟

هلا @YaSsin MiKa
جرب
احذف جميع الاكواد
وضع كود الCSS التالي فقط

الكود:: div.dd_award > div:nth-child(1):after { left: 0; right: 0; content: "جوائز"""; background: #4caf50; position: absolute; margin-top: -15px; color: #f0ffff; font-weight: 700; text-align: center; z-index: 0; top: -10px; width: 335%; } .dd_award { display: flex; padding-top: 22px; border: 1px solid #0000; justify-content: flex-start; }

شكرا لك @كونان2000 جربت الكود مع مسح CSS ولكن دون جدوى
اعتقد لانه الكود الذي وضعته خاص بالجوائز نفسها وليس بالعارضة التي اعلى الجوائز

المشكلة في هذا السطر

الكود:: <div class="awward">الجوائز</div>

في وسم awward

ولا يهمك اخي clown

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

اريد اخفاء نظام الجوائز في المساهمات للاشخاص الذي ليس لديهم جوائز 750x4210

اريد اخفاء نظام الجوائز في المساهمات للاشخاص الذي ليس لديهم جوائز 7507x410

لكن هذا يتطلب جافا

لاني ما وجدت طريقة لعمل عارضه تظهر فقط للاعضاء المتحصلين عليها
الا بالجافا

اذا تحب جافا, اضعه لك
اما طريقه اخرى لا اعرف Embarassed

اها ، حسنا يا ليت ان كان كود الجافا يتناسب مع نسخة punBB سأكون شاكرا لك .
أسف إن اتعبتك معي أخي العزيز .

ان شاء الله بخدمتكم دوما اخي drunken

اول شيء احذف الاكواد السابقة

ثانيا: ابحث عن الكود التالي في قالب المواضيع

الكود:: <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}" >

وضع فوقه الوسم التالي

الكود:: <div class="postprofile-contactt"></div>

ثالثا لا تنسى تفعيل الجافا
ثم ضع كود الجافا التالي واختار الموضيع

الكود:: $(function() { $('.pun .post .user').each(function(){ var userId = $(this).find('a').eq(0).attr('href'), postprofile = $(this).find('.postprofile-contactt').last(); $.get(userId+'/u' , function(d) { var lastvisit = $('.main-head.h3', d); if (lastvisit[0]) { lastvisit = lastvisit.html(); $(postprofile).append('<span class="user_id">' + lastvisit + '</span>'); } }); console.log(userId);}); });

واخير كود css لتنسيق العارضة

الكود:: span.user_id { display: inline-block; padding: 2px; margin-top: 10px; background: #4caf50; color: #fff; font-size: 15px; font-weight: 700; text-align: center; width: 100%; }

كونان2000 كتب:ان شاء الله بخدمتكم دوما اخي

اول شيء احذف الاكواد السابقة

ثانيا: ابحث عن الكود التالي في قالب المواضيع
الكود:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}" >

وضع فوقه الوسم التالي
الكود:
<div class="postprofile-contactt"></div>

ثالثا لا تنسى تفعيل الجافا
ثم ضع كود الجافا التالي واختار الموضيع
الكود:
$(function() { $('.pun .post .user').each(function(){ var userId = $(this).find('a').eq(0).attr('href'), postprofile = $(this).find('.postprofile-contactt').last(); $.get(userId+'/u' , function(d) { var lastvisit = $('.main-head.h3', d); if (lastvisit[0]) { lastvisit = lastvisit.html(); $(postprofile).append('<span class="user_id">' + lastvisit + '</span>'); } }); console.log(userId);}); });

واخير كود css لتنسيق العارضة
الكود:
span.user_id { display: inline-block; padding: 2px; margin-top: 10px; background: #4caf50; color: #fff; font-size: 15px; font-weight: 700; text-align: center; width: 100%; }