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

[Admin]

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



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

اسعد الله اوقاتكم بكل خير

اقدم لكم بادئة للمواضيع حصريا هنا صورة للبادئة وعملها



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

تركيب الكود :

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

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

والسلام ختام​