بادئه الموضوع

سلام عليكم اريد اضهار صوره بادئه الموضوع في بدايه الموضوع
وعلى الرئيسيه مشكله بحثت عن الكود ما لكيته
مثل هذه كمثال

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

الكود:

 </script>
 <script type="text/javascript">
$(window).load(function(https://lmsa-des.com/vb/images/icons/icon1.gif) {
$(".smallfont").each(function(https://lmsa-des.com/vb/images/icons/icon1.gif) {
        $(this).find("span.prefix.وردة").html('<img src="https://lmsa-des.com/vb/images/icons/icon1.gif" />');
          $(this).find("span.prefix.نيو").html('<img src="https://a-al7b.com/vb/images/icons/q35.gif" />');
          $(this).find("span.prefix.اهداء").html('<img src="https://lmsa-des.com/vb/images/icons/3-zf70.gif" />');
          $(this).find("span.prefix.حصري").html('<img src="https://a-al7b.com/vb/images/icons/q118.gif" />');
          $(this).find("span.prefix.سؤال").html('<img src="https://a-al7b.com/vb/images/icons/k9.gif" />');

 
        $(this).find("span.prefix.عاجل").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/ya10.gif" />');
          $(this).find("span.prefix.قصه").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/12.gif" />');
          $(this).find("span.prefix.اخبار").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/yo10.gif" />');
          $(this).find("span.prefix.تحدير").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/oyco10.gif" />');
          $(this).find("span.prefix.مميز").html('<img src="https://i.servimg.com/u/f92/17/97/22/97/a11.gif" />');
          $(this).find("span.prefix.تقرير").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/oao10.gif" />');
 
        $(this).find("span.prefix.تعال").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/aa11.gif" />');
          $(this).find("span.prefix.غرائب").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/io10.gif" />');
          $(this).find("span.prefix.رياضه").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/o10.gif" />');
          $(this).find("span.prefix.الحق").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/aya10.gif" />');
          $(this).find("span.prefix.صوره بنت").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/a7452310.gif" />');
 
            $(this).find("span.prefix.فراشات").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/fdf10.gif" />');
          $(this).find("span.prefix.ساعدوني").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/copy_o10.gif" />');
          $(this).find("span.prefix.حوار").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/7war10.gif" />');
          $(this).find("span.prefix.اعلان").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/0310.gif" />');
 
    });
});
</script>

وعليكم السلام
بعد اذن اخي  ابوعلي البلقاوي

اخي العرقي الطائي
كود الجافا الخاص بك به اخطاء
إليك الكود المصحح:

المصحح:

وهذا كود بادئات قديم انا وضعت فيه بادئات من عندي

الكود:

/**
 *! Criar tags no título dos tópicos com painel de seleção.
 *
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 *  @licence MIT
 */
(function ($) {
  'use strict';
 
  var tags = [
 
    {
    tag: 'وردة',
      background: '#b300ff'
    },
 
    {
      tag: 'خردة',
      background: '#833b03'
    },
 
    {
      tag: 'شمسة',
      background: '#867c02'
    },
 
    {
      tag: 'عطرد',
      background: '#028641'
    },
 
    {
      tag: 'حليب',
      background: '#000'
    },
 
     {
      tag: 'كونان',
      background: '#000'
    },
    
    {
      tag: 'نجوم',
      background: '#6f9b01'
    },
  ];
 
  $(function () {
    var counter = 1;
 
      if (location.pathname === '/post' && $('form input[name="subject"]').length > 0) {
      // Crea la zona per posizionare gli ingressi:
      var $textarea = $('#textarea_content');
      var $title = $('form [name="subject"]');
      var $zone = $([
        '<div class="fa-icon-selector">',
        '  <div class="fa-icon-selector-inner">',
        '  </div>',
        '</div>',
      ].join('\n'))
        .prependTo($textarea)
      ;
      var $appendZone = $zone.find('.fa-icon-selector-inner');
      $.each(tags, function (index, tag) {
        $([
          '<div class="fa-tag-form-group">',
          '  <input type="radio" class="select-tag-input" name="select-tag-radio" id="tag-input-' + counter + '" data-tag="' + tag.tag + '" />',
          '  <label for="tag-input-' + counter + '" class="fa-tag-label">' + tag.tag + '</label>',
          '</div>',
        ].join('\n'))
          .appendTo($appendZone)
        ;
  
        counter++;
      });
 
        if (/^\[.*\]/gi.test($title.val())) {
        $title.val().replace(/^\[(.*)\]/gi, function (find, match) {
          $('[data-tag="' + match + '"]').prop('checked', true);
        });
      }
 
        $zone
        .find('input.select-tag-input')
          .on('focus', function () {
            setPrefix($(this).attr('data-tag'));
          })
      ;
        var setPrefix = function (prefix) {
 
        if (/^\[.*\]/gi.test($title.val())) {
          $title.val($title.val().replace(/^\[.*\]/gi, function () {
            return '[' + prefix + ']';
          }));
    
          return;
        }
  
        $title.val('[' + prefix + '] ' + $title.val().trim());
      };
    }
  
    var $link = $('a[href^="/t"]');
    $link.each(function () {
 
      var $this = $(this);
 
      $.each(tags, function (index, tag) {
        var regex = new RegExp ('\\[' + tag.tag + '\\]', 'gim');
        var text = $this.text();
 
        if (!regex.test(text)) {
          return;
        }
 
        $this.addClass('fa-tagged-link');
        $this.text(text.trim().replace(regex, ''));
        $this.prepend('<span class="fa-topic-tag" style="background-color: ' + tag.background + ';">' + tag.tag + '</span>');
      });
    });
 
    var styles = [
      '.fa-icon-selector-inner strong {',
      '  display: block;',
      '  margin-bottom: 4px;',
      '  font-weight: bold;',
      '}',
      '',
      '.fa-icon-selector .fa-tag-form-group {',
      '  display: inline-block;',
      '  margin-right: 15px;',
      '  margin-top: 4px;',
      '}',
      '',
      '.fa-tagged-link {',
      '  text-decoration: none !important;',
      '}',
      '',
      '.fa-tagged-link:hover {',
      '  color: #f73 !important;',
      '  text-decoration: none !important;',
      '}',
      '',
      'span.fa-topic-tag {',
      '  color: #fff;',
      '  background-color: #39c;',
      '  padding: 1px 5px;',
      '  border-radius: 3px;',
      '  margin-right: 4px;',
      '  display: inline;',
      '  text-decoration: none!important',
      '}'
    ].join('\n');
 
    $(['<style type="text/css">', styles, '</style>'].join('\n')).appendTo('head');
 
  });
}(jQuery));


واذا احببت انك تزيد فيه
اضف السطر التالي الى الكود

الكود:

   {
      tag: 'حليب',
      background: '#000'
    },

بعد تركيبه عطني رابط منتداك عشان احولها لك الى صور

بس لازم اول اشوفه على منتداك حتى اعرف كيف اصنع واحد مناسب لمنتداك

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

اهلا

لكي يظهر على عناوين الرئيسيه لازم تكتب موضوع جديد
+
اضف التالي بالجافا واختار جميع الصفحات

الكود:

/**
 *! Criar tags no título dos tópicos com painel de seleção.
 *
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 *  @licence MIT
 */
(function ($) {
  'use strict';
 
  var tags = [
 
    {
    tag: 'وردة',
      background: '#b300ff'
    },
 
    {
      tag: 'خردة',
      background: '#833b03'
    },
 
    {
      tag: 'شمسة',
      background: '#867c02'
    },
 
    {
      tag: 'عطرد',
      background: '#028641'
    },
 
    {
      tag: 'حليب',
      background: '#000'
    },
 
    {
      tag: 'كونان',
      background: '#000'
    },
   
    {
      tag: 'نجوم',
      background: '#6f9b01'
    },
  ];
 
  $(function () {
    var counter = 1;
 
      if (location.pathname === '/post' && $('form input[name="subject"]').length > 0) {
      // Crea la zona per posizionare gli ingressi:
      var $textarea = $('#textarea_content');
      var $title = $('form [name="subject"]');
      var $zone = $([
        '<div class="fa-icon-selector">',
        '  <div class="fa-icon-selector-inner">',
        '  </div>',
        '</div>',
      ].join('\n'))
        .prependTo($textarea)
      ;
      var $appendZone = $zone.find('.fa-icon-selector-inner');
      $.each(tags, function (index, tag) {
        $([
          '<div class="fa-tag-form-group">',
          '  <input type="radio" class="select-tag-input" name="select-tag-radio" id="tag-input-' + counter + '" data-tag="' + tag.tag + '" />',
          '  <label for="tag-input-' + counter + '" class="fa-tag-label">' + tag.tag + '</label>',
          '</div>',
        ].join('\n'))
          .appendTo($appendZone)
        ;
 
        counter++;
      });
 
        if (/^\[.*\]/gi.test($title.val())) {
        $title.val().replace(/^\[(.*)\]/gi, function (find, match) {
          $('[data-tag="' + match + '"]').prop('checked', true);
        });
      }
 
        $zone
        .find('input.select-tag-input')
          .on('focus', function () {
            setPrefix($(this).attr('data-tag'));
          })
      ;
        var setPrefix = function (prefix) {
 
        if (/^\[.*\]/gi.test($title.val())) {
          $title.val($title.val().replace(/^\[.*\]/gi, function () {
            return '[' + prefix + ']';
          }));
   
          return;
        }
 
        $title.val('[' + prefix + '] ' + $title.val().trim());
      };
    }
 
    var $link = $('a[href^="/t"]');
    $link.each(function () {
 
      var $this = $(this);
 
      $.each(tags, function (index, tag) {
        var regex = new RegExp ('\\[' + tag.tag + '\\]', 'gim');
        var text = $this.text();
 
        if (!regex.test(text)) {
          return;
        }
 
        $this.addClass('fa-tagged-link');
        $this.text(text.trim().replace(regex, ''));
        $this.prepend('<span class="fa-topic-tag" style="background-color: ' + tag.background + ';">' + tag.tag + '</span>');
      });
    });
 
    var styles = [
      '.fa-icon-selector-inner strong {',
      '  display: block;',
      '  margin-bottom: 4px;',
      '  font-weight: bold;',
      '}',
      '',
      '.fa-icon-selector .fa-tag-form-group {',
      '  display: inline-block;',
      '  margin-right: 15px;',
      '  margin-top: 4px;',
      '}',
      '',
      '.fa-tagged-link {',
      '  text-decoration: none !important;',
      '}',
      '',
      '.fa-tagged-link:hover {',
      '  color: #f73 !important;',
      '  text-decoration: none !important;',
      '}',
      '',
      'span.fa-topic-tag {',
      '  color: #fff;',
      '  background-color: #39c;',
      '  padding: 1px 5px;',
      '  border-radius: 3px;',
      '  margin-right: 4px;',
      '  display: inline;',
      '  text-decoration: none!important',
      '}'
    ].join('\n');
 
    $(['<style type="text/css">', styles, '</style>'].join('\n')).appendTo('head');
 
  });
}(jQuery));

ما ظهر شي بكتابه موضوع حنا اختار صوره سويت اللي كلتلي عليه

خليت الكود الاول بهيدر والكود ثاني بالجافا وما ضهر اختيار الصور بالموضوع
لسه بجرب كونان لاضهار الصوره على الرئيسيه لطفا لا تغلقموضوع
كبست خطا على تم حل موضوع اسف

انا كنت رابط كود الجافا هاذ مع الكود الجافا الاخر اللي فيه صور
هل اقوم بحذف واحد منهم ولا هوه كود بيكمل الاخر

الكود:

        var PREFIJOS_TEMAS = [];
 
  PREFIJOS_TEMAS.push("[وردة]");
  PREFIJOS_TEMAS.push("[نيو]");
  PREFIJOS_TEMAS.push("[اهداء]");
  PREFIJOS_TEMAS.push("[حصري]");
  PREFIJOS_TEMAS.push("[سؤال]");

  
  PREFIJOS_TEMAS.push("[عاجل]");
  PREFIJOS_TEMAS.push("[قصه]");
  PREFIJOS_TEMAS.push("[اخبار]");
  PREFIJOS_TEMAS.push("[تحدير]");
  PREFIJOS_TEMAS.push("[مميز]");
  PREFIJOS_TEMAS.push("[تقرير]");
  
  
  PREFIJOS_TEMAS.push("[تعال]");
  PREFIJOS_TEMAS.push("[غرائب]");
  PREFIJOS_TEMAS.push("[رياضه]");  
  PREFIJOS_TEMAS.push("[الحق]");
  PREFIJOS_TEMAS.push("[صوره بنت]");

  
  PREFIJOS_TEMAS.push("[فراشات]");
  PREFIJOS_TEMAS.push("[ساعدوني]");
  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=''>اختر ايقونة</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());
      });
   }
});

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

الكود:

</head>



 <script type="text/javascript">
$(window).load(function() {
$(".smallfont").each(function() {
        $(this).find("span.prefix.وردة").html('<img src="https://lmsa-des.com/vb/images/icons/icon1.gif" />');
          $(this).find("span.prefix.نيو").html('<img src="https://a-al7b.com/vb/images/icons/q35.gif" />');
          $(this).find("span.prefix.اهداء").html('<img src="https://lmsa-des.com/vb/images/icons/3-zf70.gif" />');
          $(this).find("span.prefix.حصري").html('<img src="https://a-al7b.com/vb/images/icons/q118.gif" />');
          $(this).find("span.prefix.سؤال").html('<img src="https://a-al7b.com/vb/images/icons/k9.gif" />');

 
        $(this).find("span.prefix.عاجل").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/ya10.gif" />');
          $(this).find("span.prefix.قصه").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/12.gif" />');
          $(this).find("span.prefix.اخبار").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/yo10.gif" />');
          $(this).find("span.prefix.تحدير").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/oyco10.gif" />');
          $(this).find("span.prefix.مميز").html('<img src="https://i.servimg.com/u/f92/17/97/22/97/a11.gif" />');
          $(this).find("span.prefix.تقرير").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/oao10.gif" />');
 
        $(this).find("span.prefix.تعال").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/aa11.gif" />');
          $(this).find("span.prefix.غرائب").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/io10.gif" />');
          $(this).find("span.prefix.رياضه").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/o10.gif" />');
          $(this).find("span.prefix.الحق").html('<img src="https://i.servimg.com/u/f18/20/23/40/69/aya10.gif" />');
          $(this).find("span.prefix.صوره بنت").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/a7452310.gif" />');
 
            $(this).find("span.prefix.فراشات").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/fdf10.gif" />');
          $(this).find("span.prefix.ساعدوني").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/copy_o10.gif" />');
          $(this).find("span.prefix.حوار").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/7war10.gif" />');
          $(this).find("span.prefix.اعلان").html('<img src="https://i.servimg.com/u/f55/11/60/84/00/0310.gif" />');
 
    });
});
</script>
 <script type="text/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>"
      })
  });
});
 </script>
 

 <script type="text/javascript">
        var PREFIJOS_TEMAS = [];
 
  PREFIJOS_TEMAS.push("[وردة]");
  PREFIJOS_TEMAS.push("[نيو]");
  PREFIJOS_TEMAS.push("[اهداء]");
  PREFIJOS_TEMAS.push("[حصري]");
  PREFIJOS_TEMAS.push("[سؤال]");

 
  PREFIJOS_TEMAS.push("[عاجل]");
  PREFIJOS_TEMAS.push("[قصه]");
  PREFIJOS_TEMAS.push("[اخبار]");
  PREFIJOS_TEMAS.push("[تحدير]");
  PREFIJOS_TEMAS.push("[مميز]");
  PREFIJOS_TEMAS.push("[تقرير]");
 
 
  PREFIJOS_TEMAS.push("[تعال]");
  PREFIJOS_TEMAS.push("[غرائب]");
  PREFIJOS_TEMAS.push("[رياضه]"); 
  PREFIJOS_TEMAS.push("[الحق]");
  PREFIJOS_TEMAS.push("[صوره بنت]");

 
  PREFIJOS_TEMAS.push("[فراشات]");
  PREFIJOS_TEMAS.push("[ساعدوني]");
  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=''>اختر ايقونة</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());
      });
  }
});

         
 </script> 
 
 
 
 

</head>

اهلا اخي  @العراقي الطائي
اذا كان كل شيء تمام
لا مشكلة. اتركه كما هو 

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

اهلا
هل يحتاج الى تعديل ام تم الحل؟

اخ كونان لو يتم شرح الطريقه باكملها يكون احسن
وتكتبه بموضوع لانه لا يوجد موضوع واحد صحيح هنا
هذا الكود مثلا يحتاج اضافه الوان فقط

الكود:

        var PREFIJOS_TEMAS = [];
 
  PREFIJOS_TEMAS.push("[وردة]");
  PREFIJOS_TEMAS.push("[نيو]");
  PREFIJOS_TEMAS.push("[اهداء]");
  PREFIJOS_TEMAS.push("[حصري]");
  PREFIJOS_TEMAS.push("[سؤال]");

 
  PREFIJOS_TEMAS.push("[عاجل]");
  PREFIJOS_TEMAS.push("[قصه]");
  PREFIJOS_TEMAS.push("[اخبار]");
  PREFIJOS_TEMAS.push("[تحدير]");
  PREFIJOS_TEMAS.push("[مميز]");
  PREFIJOS_TEMAS.push("[تقرير]");
 
 
  PREFIJOS_TEMAS.push("[تعال]");
  PREFIJOS_TEMAS.push("[غرائب]");
  PREFIJOS_TEMAS.push("[رياضه]"); 
  PREFIJOS_TEMAS.push("[الحق]");
  PREFIJOS_TEMAS.push("[صوره بنت]");

 
  PREFIJOS_TEMAS.push("[فراشات]");
  PREFIJOS_TEMAS.push("[ساعدوني]");
  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=''>اختر ايقونة</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());
      });
  }
});

اهلا  @العراقي الطائي و  @Mahmoud Gilany
يوجد كود بادائات يعمل على جميع النسخ وكل بادائة بلون خاص

الكود:

/**
 *! Criar tags no título dos tópicos com painel de seleção.
 *
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 *  @licence MIT
 */
(function ($) {
  'use strict';
 
  var tags = [
 
    {
    tag: 'وردة',
      background: '#b300ff'
    },
 
    {
      tag: 'خردة',
      background: '#833b03'
    },
 
    {
      tag: 'شمسة',
      background: '#867c02'
    },
 
    {
      tag: 'عطرد',
      background: '#028641'
    },
 
    {
      tag: 'حليب',
      background: '#000'
    },
 
     {
      tag: 'كونان',
      background: '#000'
    },
    
    {
      tag: 'نجوم',
      background: '#6f9b01'
    },
  ];
 
  $(function () {
    var counter = 1;
 
      if (location.pathname === '/post' && $('form input[name="subject"]').length > 0) {
      // Crea la zona per posizionare gli ingressi:
      var $textarea = $('#textarea_content');
      var $title = $('form [name="subject"]');
      var $zone = $([
        '<div class="fa-icon-selector">',
        '  <div class="fa-icon-selector-inner">',
        '  </div>',
        '</div>',
      ].join('\n'))
        .prependTo($textarea)
      ;
      var $appendZone = $zone.find('.fa-icon-selector-inner');
      $.each(tags, function (index, tag) {
        $([
          '<div class="fa-tag-form-group">',
          '  <input type="radio" class="select-tag-input" name="select-tag-radio" id="tag-input-' + counter + '" data-tag="' + tag.tag + '" />',
          '  <label for="tag-input-' + counter + '" class="fa-tag-label">' + tag.tag + '</label>',
          '</div>',
        ].join('\n'))
          .appendTo($appendZone)
        ;
  
        counter++;
      });
 
        if (/^\[.*\]/gi.test($title.val())) {
        $title.val().replace(/^\[(.*)\]/gi, function (find, match) {
          $('[data-tag="' + match + '"]').prop('checked', true);
        });
      }
 
        $zone
        .find('input.select-tag-input')
          .on('focus', function () {
            setPrefix($(this).attr('data-tag'));
          })
      ;
        var setPrefix = function (prefix) {
 
        if (/^\[.*\]/gi.test($title.val())) {
          $title.val($title.val().replace(/^\[.*\]/gi, function () {
            return '[' + prefix + ']';
          }));
    
          return;
        }
  
        $title.val('[' + prefix + '] ' + $title.val().trim());
      };
    }
  
    var $link = $('a[href^="/t"]');
    $link.each(function () {
 
      var $this = $(this);
 
      $.each(tags, function (index, tag) {
        var regex = new RegExp ('\\[' + tag.tag + '\\]', 'gim');
        var text = $this.text();
 
        if (!regex.test(text)) {
          return;
        }
 
        $this.addClass('fa-tagged-link');
        $this.text(text.trim().replace(regex, ''));
        $this.prepend('<span class="fa-topic-tag" style="background-color: ' + tag.background + ';">' + tag.tag + '</span>');
      });
    });
 
    var styles = [
      '.fa-icon-selector-inner strong {',
      '  display: block;',
      '  margin-bottom: 4px;',
      '  font-weight: bold;',
      '}',
      '',
      '.fa-icon-selector .fa-tag-form-group {',
      '  display: inline-block;',
      '  margin-right: 15px;',
      '  margin-top: 4px;',
      '}',
      '',
      '.fa-tagged-link {',
      '  text-decoration: none !important;',
      '}',
      '',
      '.fa-tagged-link:hover {',
      '  color: #f73 !important;',
      '  text-decoration: none !important;',
      '}',
      '',
      'span.fa-topic-tag {',
      '  color: #fff;',
      '  background-color: #39c;',
      '  padding: 1px 5px;',
      '  border-radius: 3px;',
      '  margin-right: 4px;',
      '  display: inline;',
      '  text-decoration: none!important',
      '}'
    ].join('\n');
 
    $(['<style type="text/css">', styles, '</style>'].join('\n')).appendTo('head');
 
  });
}(jQuery));

سلام عليكم كونان هذا الكود مايضهر خيارات الاختيار
في اللوحه الماسيه

العراقي الطائي كتب:سلام عليكم كونان هذا الكود مايضهر خيارات الاختيار
في اللوحه الماسيه

وعليكم السلام العراقي الطائي
لم الاحظ انه لا يعمل على النسخة الثانية   
بسبب انها نسخه قديمة جدا

هل تحب اعمل لك كود للنسخه الثانية
ام تريد ان تغيير نسخة منتداك الى احدث

اهلا اخوي كونان
انا احترفت للنسخه الثانيه
وعندي حافض كل اكوادها
النسخ الاخرى حتتطلب شغل كثير اخر
للاعدادات اتمنى تسولنا واحد للنسخه الثانيه
وتثبته بموضوع حتا الكل يستفاد
الف شكر

السلام عليكم
والله بحثت عن كود بادئات جاهز ويعمل على جميع النسخ ولم اجده
كل الاكواد تعمل على بعض النسخ وليس كلها
وكل الاكواد منقوله من منتديات اجنبيه

و اشوف ان اقتراح الاخ  العراقي الطائي في محلة

لذلك انا ان شاء الله راح اعمل كود بادئات جديد من صنعنا احنا اعضاء منتدى الدعم العربي  

ويكون يعمل على جميع الاصدارات 

انتظروني بس انتهي منه اضعه هنا في الدعم

مشكور اخي كونان هذا شس ضروري
وشكرا لكل جهودكم ننتضر جديدكم

@العراقي الطائي   @Mahmoud Gilany
تم الانتها من عمل الكود وتم نقله من قسم معاينة الاكواد ... الى التقنيات المتقدمة

هنا https://help.ahlamontada.com/t1098794-topic

اتمنى ان يعجبكم

اهلا كونان شكر جزيل
   
لجهودك الطيبه 
جزاكم الله خيرا


@كونان2000
اخي العزيز كونان جربت الكود واشتغل
وكان فقط كتابه وليس صوره
يكون فقط كتابه احسن لسرعه اضهاره
لان الصوره تتاخر في الضهور
شكرا للكود الرائع

العراقي الطائي كتب:اهلا كونان شكر جزيل
   
لجهودك الطيبه 
جزاكم الله خيرا

العفو اخي @العراقي الطائي ^^
هل تم الحل