ختم المواضيع

سلام الله عليكم
كيف ممكن اظيف خاصية ختم المواضيع مثل كذا



وجزاكم ربي كل خير

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

https://i.servimg.com/u/f37/16/46/77/76/423.png

https://i.servimg.com/u/f37/16/46/77/76/319.png
طريقة تركيب ..
كودين جافا سكربت و كود css
اوﻻ كود 1 للجافا سكربت
اذهب إلى لوحة الإدارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript
تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي

الكود:


$(function () {
   $("a[href^='/t'],a[href^='http://"+ location.host +"/t']").html(function () {
      var u = $(this).text();
      if(/^\[([^\[\]]+)\]/.test(u)) return u.replace(/^\[[^\[\]]+\]/, function (a) {
         a = a.slice(1, -1);
         return '<span class="prefix ' + a + '">' + a + "</span>"
      })
   });
});


ثم اعمل كود جافا اخر
انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي

الكود:


var PREFIJOS_TEMAS = [];
 
  PREFIJOS_TEMAS.push("[جديد]");
  PREFIJOS_TEMAS.push("[حصري]");
  PREFIJOS_TEMAS.push("[عاجل]");
  PREFIJOS_TEMAS.push("[css]");
  PREFIJOS_TEMAS.push("[هام]");
  PREFIJOS_TEMAS.push("[مميز]");
 
$(function () {
   if(/^\/post\?f=\d+&mode=newtopic/.test($(location).attr('pathname') + $(location).attr('search'))){  
      var html_options_prefijo = "<select name='prefijos'><option value=''>--Select--</option>";
      for(var prefijo in PREFIJOS_TEMAS){
         html_options_prefijo += "<option value='" + PREFIJOS_TEMAS[prefijo] + "'>" + PREFIJOS_TEMAS[prefijo] + "</option>";
      }
      html_options_prefijo += "</select>";      
      $('input[name="subject"]').before(html_options_prefijo);        
      $("form[method='post']").submit(function() {
         $('input[name="subject"]').val(($('select[name="prefijos"]').val() ? $('select[name="prefijos"]').val() + " " : "") + $('input[name="subject"]').val());
      });
   }
});


ثم كود css
طريقة التركيب اذهب إلى لوحة الإدارة. مظهر المنتدى. صور والوان. الوان. ورقة css
وضع الكود الاتي وسجل

الكود:


.prefix {
    background: #008287 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block !important;
    height: 18px;
    line-height: 18px;
    padding: 0 12px !important;
}
.prefix.جديد {
    background: #e20d0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.حصري {
    background: #170de2 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.عاجل {
    background: #8fe20d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.css {
    background: #e28a0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.هام {
    background: #B60486 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.مميز {
    background: #047DB6 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}


انتهينا ومبروك عليكم الخاصية الجديدة لكل نسخ المنتديات
دمتم بخير

سؤال فقط هل يستطيع اي عضو اختيارها وختم موضعه ام للمدير فقط الحق بتغيرها ؟؟

اي عضو يمكنه اختيار كما هو موجود بالصورة اختي

اها اوكي

شكرا لك

اختي انا عملت ياللي بالشرح لكن ظهرت فقط على شكل كلمات وليس ايقونات
وهل ممكن ازود فيهم واغير مسمياتهم كما ارغب وكيف ذلك ؟؟

اهلا لو بدك تغير باسم ايقونة
تغير الاسم بكود جافا رقم 2
اما تغيير الاسم او اضافه نفس السطر دة

الكود:


PREFIJOS_TEMAS.push("[رووووعه]");


وتغيري باسم كود css بنفس الاسم بالجافا

الكود:


.prefix.رووووعه


تم التغير لكنها لازلت تظهر على شكل كلمة كانها تابعه للعنوان وليس ايقونة
كيف يمكنني جعلها بشكل ايقونة ؟؟؟

هل وضعتي كود css

الكود:



.prefix {
    background: #008287 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block !important;
    height: 18px;
    line-height: 18px;
    padding: 0 12px !important;
}
.prefix.جديد {
    background: #e20d0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.حصري {
    background: #170de2 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.عاجل {
    background: #8fe20d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.css {
    background: #e28a0d none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.هام {
    background: #B60486 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}
.prefix.مميز {
    background: #047DB6 none repeat scroll 0 0 !important;
    color: rgba(0, 0, 0, 0);
    display: table;
}


اجل وضعته

لديكي مشكله بورقه css
باضافة كود خاطئ تم حذفة واصلاح لكي الامر

شكرا لك يالغلا
شكلها كثر حلو هسه

تم الحل
بوركت