هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
[javascript] كود وضع خلفية احترافية لحالة الموضوع
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
[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'})
})
});
اخيراً توجد ملاحظة بسيطة ارجو الانتباه لها :
ليعمل الكود مع من قام بتغيير اسم حالة الموضوع من الوضع الافتراضي عليه عمل بعض التعدلات
اذهب ل ادارة عامة/الرسائل والإيميلات/تشكيل وارجع القيم الافتراضية كما في اوضح لك في الصورة التالية :
اترك الحقول فارغة ...
هذا كل شيء الى لقاء مع خاصية وكود اخر من اكواد احلى منتدى لرائعة
الألحان المرحة, Witcherface, حذيفة احمد و كونان2000 يعجبهم هذا الموضوع
مواضيع مماثلة
» (JAVASCRIPT)كود معاينة الموضوع او المساهمه قبل الارسال بشكل جميل***MoHaMeD NsR
» خلفية بيانات شخصية احترافية
» (JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr
» (JAVASCRIPT)كود معاينة المواضيع قبل الدخول الى الموضوع***Mohamed Nsr
» (JAVASCRIPT)كود بادئة الموضوع بدون تومبيلايت ***Mohamed Nsr
» خلفية بيانات شخصية احترافية
» (JAVASCRIPT)كود اضافة زر رد سريع في الموضوع ***Mohamed Nsr
» (JAVASCRIPT)كود معاينة المواضيع قبل الدخول الى الموضوع***Mohamed Nsr
» (JAVASCRIPT)كود بادئة الموضوع بدون تومبيلايت ***Mohamed Nsr
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى