[javascript] كود وضع خلفية احترافية لحالة الموضوع

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


 

كيفية تركيب الكود :

الان لاضافة هذه الميزة الجميلة لمنتداك قم بالدخول الى : لوحة التحكم/عناصر اضافية/ادارة اكواد javascript  وقم باضافة كود بالطريقة الاعتيادية ساقوم بتصوير الخطوات للتذكير فقط

1- اضغط انشاء كود جديد :


2- اكتب عنوان مناسب في قسم العنوان - حدد اضف الكود الى المنتديات الثانوية اضف لكود واضغة زر قدم الموجود اسفل النافذة :

الكود:

الكود:

$(document).ready(function() {
    $('strong:contains("إعــــلان"), strong:contains("إعلان")').each(function() {
        $(this).css({'display':'inline-block','height':'16px','line-height':'16px','padding':'0 5px','font-size':'11px','font-weight':'bold','text-transform':'uppercase','color':'#fff','text-shadow':'rgba(0,0,0,0.2) 0px -1px 0px','-moz-border-radius':'3px','-webkit-border-radius':'3px','border-radius':'3px','background':'url("https://i.servimg.com/u/f58/17/19/90/23/highli10.png") repeat-x 0 -1px #7ba60d','background-repeat':'repeat-x','background-position':'0 -1px','vertical-align':'middle','margin-right':'-5px'})
    })
});

$(document).ready(function() {
    $('strong:contains("إعلان عام")').each(function() {
        $(this).css({'display':'inline-block','height':'16px','line-height':'16px','padding':'0 5px','font-size':'11px','font-weight':'bold','text-transform':'uppercase','color':'#fff','text-shadow':'rgba(0,0,0,0.2) 0px -1px 0px','-moz-border-radius':'3px','-webkit-border-radius':'3px','border-radius':'3px','background':'url("https://i.servimg.com/u/f58/17/19/90/23/highli10.png") repeat-x 0 -1px #af286d','background-repeat':'repeat-x','background-position':'0 -1px','vertical-align':'middle','margin-right':'-5px'})
    })
});

$(document).ready(function() {
    $('strong:contains("مثبت")').each(function() {
        $(this).css({'display':'inline-block','height':'16px','line-height':'16px','padding':'0 5px','font-size':'11px','font-weight':'bold','text-transform':'uppercase','color':'#fff','text-shadow':'rgba(0,0,0,0.2) 0px -1px 0px','-moz-border-radius':'3px','-webkit-border-radius':'3px','border-radius':'3px','background':'url("https://i.servimg.com/u/f58/17/19/90/23/highli10.png") repeat-x 0 -1px #7ba6ff','background-repeat':'repeat-x','background-position':'0 -1px','vertical-align':'middle','margin-right':'-5px'})
    })
});

اخيراً توجد ملاحظة بسيطة ارجو الانتباه لها :

ليعمل الكود مع من قام بتغيير اسم  حالة الموضوع من الوضع الافتراضي عليه عمل بعض التعدلات
اذهب ل ادارة عامة/الرسائل والإيميلات/تشكيل وارجع القيم الافتراضية كما في اوضح لك في الصورة التالية :


اترك الحقول فارغة ...




هذا كل شيء الى لقاء مع خاصية وكود اخر من اكواد احلى منتدى لرائعة