بسم الله الرحمن الرحيم
بادئة للمواضيع بالوان مختلفة بشكل احترافي
اسعد الله اوقاتكم بكل خير
اقدم لكم بادئة للمواضيع حصريا هنا صورة للبادئة وعملها
معاينة الكود :
تركيب الكود :
كودين جافا سكربت و كود css
اوﻻ كود 1 للجافا سكربت
اذهب إلى لوحة الإدارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript
تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي
CODE
$(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>"
})
});
});
ثم اعمل كود جافا اخر
انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي
CODE
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
وضع الكود الاتي وسجل
CODE
<br />
.prefix {<br />
background: #008287 none repeat scroll 0 0;<br />
border-radius: 2px;<br />
color: #fff !important;<br />
display: inline-block !important;<br />
height: 18px;<br />
line-height: 18px;<br />
padding: 0 12px !important;<br />
}<br />
.prefix.جديد {<br />
background: #e20d0d none repeat scroll 0 0 !important;<br />
color: rgba(0, 0, 0, 0);<br />
display: table;<br />
}<br />
.prefix.حصري {<br />
background: #170de2 none repeat scroll 0 0 !important;<br />
color: rgba(0, 0, 0, 0);<br />
display: table;<br />
}<br />
.prefix.عاجل {<br />
background: #8fe20d none repeat scroll 0 0 !important;<br />
color: rgba(0, 0, 0, 0);<br />
display: table;<br />
}<br />
.prefix.css {<br />
background: #e28a0d none repeat scroll 0 0 !important;<br />
color: rgba(0, 0, 0, 0);<br />
display: table;<br />
}<br />
.prefix.هام {<br />
background: #B60486 none repeat scroll 0 0 !important;<br />
color: rgba(0, 0, 0, 0);<br />
display: table;<br />
}<br />
.prefix.مميز {<br />
background: #047DB6 none repeat scroll 0 0 !important;<br />
color: rgba(0, 0, 0, 0);<br />
display: table;<br />
}<br />
بالتوفيق للجميع
والسلام ختام