بسم الله الرحمن الرحيم

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

معاينة الكود :


تركيب الكود :





كودين جافا سكربت و كود 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
وضع الكود الاتي وسجل

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

بالتوفيق للجميع
والسلام ختام