كيف أقوم بعمل بادئات عند كتابة الموضوع

new.moon كتب:مرحباً بك عزيزي
تابع الشرح التالي
[Template]كود جديدة لاضافة البادئة في عنوان الموضوع

الكود:

var PREFIJOS_TEMAS = [];

   PREFIJOS_TEMAS.push("[Tutorial]");
   PREFIJOS_TEMAS.push("[Guide]");
   PREFIJOS_TEMAS.push("[Help]");
   PREFIJOS_TEMAS.push("[Off-Topic]");
   PREFIJOS_TEMAS.push("[Games]");
   PREFIJOS_TEMAS.push("[Solved]");
   PREFIJOS_TEMAS.push("[Progress]");
   PREFIJOS_TEMAS.push("[Video]");
   PREFIJOS_TEMAS.push("[Audio]");
   PREFIJOS_TEMAS.push("[Download]");

$(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());
      });
   }
});

الكود:

$(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>"
      })
   });
});

هنا شرح أضافة زر اخر لكلمة أخرى:

new.moon كتب:بعد التعديل على الكود في الموضوع الذي أضافة ابو ادريس

استعمل الكود التالي جافاسكربت - جميع الصفحات

الكود:

var PREFIJOS_TEMAS = [];

   PREFIJOS_TEMAS.push("[Tutorial]");
   PREFIJOS_TEMAS.push("[Guide]");
   PREFIJOS_TEMAS.push("[Help]");
   PREFIJOS_TEMAS.push("[Off-Topic]");
   PREFIJOS_TEMAS.push("[Games]");
   PREFIJOS_TEMAS.push("[Solved]");
   PREFIJOS_TEMAS.push("[Progress]");
   PREFIJOS_TEMAS.push("[Video]");
   PREFIJOS_TEMAS.push("[Audio]");
   PREFIJOS_TEMAS.push("[Download]");

$(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());
      });
   }
});

ثم

أنشئ جافاسكربت أخرى بالتالي

الكود:

$(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>"
      })
   });
});

ثم أضف اكود الـ css التالية

الكود:

.prefix {
    background: #008287;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 12px;
}
.prefix.Solved {
    background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;
}
.prefix.Tutorial{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;}
.prefix.Guide{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;}
.prefix.Help{background: rgba(0, 128, 0, 0);
    color: rgba(0, 0, 0, 0);
    background-image: url(http://i68.servimg.com/u/f68/11/48/38/31/101010.png);
    background-repeat: round;}
/* بأمكانك اضافة المزيد */

لأضافة كود أخر لكلمه أخرى استخدم التالي

هنا شرح أضافة زر اخر لكلمة أخرى:

من المهم ان تقوم بتغير الصور بما تناسبك في كل الازرار من خلال ورقة css

new.moon كتب: صديقي ما رأيك بأتباع الشرح التالي ليكون سهل عليك وعلى الأعضاء أيضاً وأكثر ترتيب ؟
https://help.ahlamontada.com/t147441-topic#646567