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

اذهب الى الأسفل 
كاتب الموضوعرسالة
حذيفة احمد
 
 
حذيفة احمد


ذكر
عدد المساهمات : 185
معدل النشاط : 5320
السُمعة : 6

[javascript] كود وضع خلفية احترافية لحالة الموضوع Empty
مُساهمةموضوع: [javascript] كود وضع خلفية احترافية لحالة الموضوع   [javascript] كود وضع خلفية احترافية لحالة الموضوع Emptyالجمعة 12 أكتوبر 2018 - 12:26

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

عجيـــب 

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


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

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

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

الكود:


الكود:
$(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'})
    })
});

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

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

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




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


مع التحية

الألحان المرحة, Witcherface, حذيفة احمد و كونان2000 يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://h-mob.yoo7.com/
 
[javascript] كود وضع خلفية احترافية لحالة الموضوع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» (JAVASCRIPT)كود معاينة الموضوع او المساهمه قبل الارسال بشكل جميل***MoHaMeD NsR
» خلفية بيانات شخصية احترافية
» (JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr
» (JAVASCRIPT)كود معاينة المواضيع قبل الدخول الى الموضوع***Mohamed Nsr
» (JAVASCRIPT)كود بادئة الموضوع بدون تومبيلايت ***Mohamed Nsr

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA-
انتقل الى: