كيفيه اضافة زراذا تم حل المشكلة اضغط على تم الحل ؟؟

سلام عليكم 

ممكن اعرف كيف استطيع اضافه مثل هاذه الخاصية في المنتدى 

اخي اان لااتحدث عن الايقونة اللي داخل الموضوع تبع تم الحل
بل اللي تجي خارج الموضوع في اعلى الصفحه على اليمين مثل ماهو مبين بالصورة

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

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

اه شكرا لك جزيلا
لكن هل ممكن تساعدني الان بعد ماطبقت كلامك واضفت ايقونة تم التصميم والحل لم تاتي كما هي عندكم بل اتت قبل العنوان وشوهة منظره
يمكنك معاينة ذلك من هنا
http://roubi-des.yoo7.com/f7-montada

هل من حل رجاءا

انا اضفته كايقونات للمواضيع فقط
فهل لك ان تشرح لي اكثر ماذا علي العمل لاني لم افهم

اهلا وسهلا بك
اذهبي إلى لوحة الإدارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript
اختار نعم وسجل ثم انشاء كود الاسم اي شئ اختار بالمواضيع
واضيف الكود التالي

الكود:



$(function() {
  if (_userdata.page_desktop) return;

  window.$fa_solved = {
    forums : /1|/,
 
    icon : {
      id : 2,
      image : 'https://a.top4top.net/p_5002luoc1.png'
    },
 
    lang : {
      mark : '<i class="fa"></i> إذا تم حل المشكلة اضغط على هذا الزر',
      mark_title : 'بنقرك على زر "تم حل المشكل" ستجعل فريق أحلى منتدى يعلم أن مشكلتك أنتهت',
      mark_title_mod : 'بنقرك على زر "تم حل المشكل" ستجعل فريق أحلى منتدى يعلم أن مشكلتك أنتهت',
      marking : '<i class="fa fa-spin"></i> جاري تغيير حالة الموضوع...',
      marked : '<i class="fa"></i> تم حل المشكلة !'
    },
 
    post_id : $('.post')[0].id.slice(1),

    encode : function(string) {
      return encodeURIComponent(escape(string).replace(/%u[A-F0-9]{4}/g, function(match) {
        return '&#' + parseInt(match.substr(2), 16) + ';';
      })).replace(/%25/g, '%');
    }
  };
 
  var main = document.getElementById('main-content'), post = $('.post', main)[0], fid = $('.topic-actions:first .pathname-box a:last', main).attr('href'), author = $('.postprofile dt', post).text(),  icon = $('.topic-title img', main),  mod = $('.i_icon_ip', post)[0], button = document.createElement('A');
 
  if (icon[0].src != $fa_solved.icon.image && $fa_solved.forums.test(fid)) {
    if (!mod && author != _userdata.username) return;
  } else return;
 
  button.innerHTML = $fa_solved.lang.mark;
  button.title = mod ? $fa_solved.lang.mark_title_mod : $fa_solved.lang.mark_title;
  button.className = 'button1 markSolved';
  button.href = '#';
 
  button.onclick = function() {
    var t = this, icon = $('.topic-title img', document.getElementById('main-content')), solved = document.getElementById('post_icon_9');
    t.innerHTML = $fa_solved.lang.marking;
    t.removeAttribute('title');
    t.onclick = function() { return false };
 
    $.get('/post?p=' + $fa_solved.post_id + '&mode=editpost', function(d) {
      var auth = $('input[name="auth[]"]', d);
      $.post('/post', 'subject=' + $fa_solved.encode($('input[name="subject"]', d)[0].value) + '&message=' + $fa_solved.encode($('#text_editor_textarea', d)[0].value) + '&p=' + $fa_solved.post_id + '&post_icon=' + $fa_solved.icon.id + '&mode=editpost&auth[]=' + auth[0].value + '&auth[]=' + auth[1].value + '&post=1', function() {
        t.innerHTML = $fa_solved.lang.marked;
        t.className += ' marked';
        icon.attr('src', $fa_solved.icon.image);
     
        if (solved) solved.checked = true;
      });
    });
 
    return false;
  };
 
  main.insertBefore(button, post);
});


تم عمل تعديلات فقط ضيفية
دمتي بخير

قمت بما في شرحكم لكن نفس المشكله

http://roubi-des.yoo7.com/f7-montada

ارغب بان تظهر كما هنا على يسار عنوان الموضوع وليس قبله

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

هي ظاهرة لكن عند اعتمادتها تاتي قبل العنوان فتخرب شكله انا ارغب بان تظهر بعد العنوان كما هي عندكم

هل ممكن صورة وكيف تخرج
استخدمته والايقونة مع الموضوع

تفضلي

للتذكير فقط هل هناك حل غاليتي

كما ذكرت لكي تفضلي كود css

الكود:



.forum_desc img {
margin-right: 10px;
vertical-align: middle;
}


dl.icon dd.dterm {
background-position: 5%;
}


/*décalage pagination*/
.row .pagination {
margin-right: 130px;
}


ضعية من خلال لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة css

لازالت المشكله قائمة اختي
شوفي هنا
http://roubi-des.yoo7.com/f20-montada

لازالت المشكله قائمة اختي
شوفي هنا
http://roubi-des.yoo7.com/f20-montada

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

الكود:


/* Legend image align */
.ul-icons li img { vertical-align:middle }
 
/* topic / forum icon alignment */
li.row dl { background-position:3px 50% !important }
 
/* topic icon adjustment */
.row .dterm[style] { background-position:100% 0% }
.row .dterm[style] .pagination { margin-top:5px }
 


اختي اين اضع الكود في الورقة ام جافا

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

فعلا تم الحل
شكرا جزيلا لك اختي
الله يسعدك