المعلومات | الكاتب: | | اللقب: | | الرتبه: | | الصورة الرمزية | |
البيانات | المزاج : | | معلومات العضو : | | الجنس : | | عدد المساهمات : | 1111 | السمعة : | 2841 | التقيم : | 70 | تاريخ التسجيل : | 21/11/2010 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: [javascript] كود وضع خلفية احترافية لحالة الموضوع [javascript] كود وضع خلفية احترافية لحالة الموضوع كود لتغيير شكل حالة المواضيع (مثبت - اعلان -اعلان عام) واضافة خلفية بالوان فلات جميلة لها. لتصبح كما هو ظاهر في الصورة التالية : الكود: - الكود:
-
$(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'}) }) });
|