Alterar o botão 'resolvido'

Detalhes da questão

Endereço do fórum: http://Etcetera.forumotion.com
Versão do fórum: phpBB3

Descrição

Olá, Eu vejo um problema no código auto-resolvido. aqui está o código abaixo

Código:

$(function() {
  window.$fa_solved = {
    forums : /42|43|44|45|46|63/,
  
    icon : {
      id : 3,
      image : 'http://i62.servimg.com/u/f62/11/22/70/40/solved10.png'
    },
  
    lang : {
      mark : '<i class="fa"></i> Mark Solved',
      mark_title : 'Marking your topic with the Solved icon will let staff know your problem has been resolved.',
      mark_title_mod : 'Mark this topic Solved',
      marking : '<i class="fa fa-spin"></i> Marking...',
      marked : '<i class="fa"></i> Solved !'
    },
  
    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.mark_title_mod : $fa_solved.mark_title;
  button.className = 'button1 markSolved';
  button.href = '#';
 
  button.onclick = function() {
    var t = this, icon = $('.topic-title img', document.getElementById('main-content'));
    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);
      });
    });
  
    return false;
  };
 
  main.insertBefore(button, post);
});
 
document.write('<style type="text/css">a.markSolved, a.markSolved:active, a.markSolved:focus {background-color:#8C5;border-color:#8C5;padding:5px 12px !important;}a.markSolved:hover {background-color:#7B4;border-color:#6A3;}a.markSolved.marked {opacity:0.5}a.markSolved i {font-size:13px}</style>');

esse código está mostrando esse resultado abaixo


mas isso será como este abaixo



Eu acho que há um problema em css ou css não está funcionando para este código. ou qualquer outro código css está criando este problema?

Olá,
Troque o código para:

Código:

        $(function() {
          window.$fa_solved = {
            forums : /42|43|44|45|46|63/,
       
            icon : {
              id : 3,
              image : 'http://i62.servimg.com/u/f62/11/22/70/40/solved10.png'
            },
       
            lang : {
              mark : '<i class="fa"></i> Mark Solved',
              mark_title : 'Marking your topic with the Solved icon will let staff know your problem has been resolved.',
              mark_title_mod : 'Mark this topic Solved',
              marking : '<i class="fa fa-spin"></i> Marking...',
              marked : '<i class="fa"></i> Solved !'
            },
       
            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.mark_title_mod : $fa_solved.mark_title;
          button.className = 'button1 markSolved';
          button.href = '#';
       
          button.onclick = function() {
            var t = this, icon = $('.topic-title img', document.getElementById('main-content'));
            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);
              });
            });
       
            return false;
          };
       
          main.insertBefore(button, post);
        });
       
        document.write('<style type="text/css">a.markSolved, a.markSolved:active, a.markSolved:focus {background-color:#8C5;border-color:#8C5;padding:5px 12px !important;}a.markSolved:hover {background-color:#7B4;border-color:#6A3;}a.markSolved.marked {opacity:0.5}a.markSolved i {font-size:13px}.button1.markSolved {color: white !important;}</style>');

Cordialmente,
Roger123

Eu usei css para fazer fundo verde. está resolvido agora. obrigado