[Tutorial] Mensagem depois de agradecer usuario

Informações:

Autor: While
Versões: Todas as versões
Introdução: Mensagem depois de agradecer usuario

Instalação:

Acesse:

Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts

Então crie um novo javascript com investimento nos topicos com esse código:

Código:

$(function() {
  var message = function(adriel, sagaz) {
        var pseudo = $(adriel, sagaz).text(),
            icon = '<img src="http://i18.servimg.com/u/f18/18/21/60/73/fa_sta10.png" alt=""/>';  
        return '<div id="fa_thanks_message">' + icon + ' agradece você por te-lo ajudado! ' + icon + '</div>';
      },    
      version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // Verificar versão do fórum
      node = document.createElement(version ? 'DIV' : 'TR'),
      post = $(version ? 'div' : 'tr' + '.post'),
      j = post.length,
      i = 0;
  if (version == 'badapple') {
    if (window.console) console.error('Este plugin não é compatível para sua versão.');
    return;
  }
  node.id = 'fa_thanks';
  if (!version) node.innerHTML = '<td colspan="2"></td>';  
  for (; i < j; i++) {  
    if ((version ? post[i] : post[i].firstChild).style.backgroundColor) {      
      post[i].className += ' thanked';
      (version ? node : node.firstChild).innerHTML = message(['.name', 'dl > dt > strong', '.username', '.popmenubutton'][version], post[i]);    
      switch (version) {    
        case 0 : // phpbb2
          node.firstChild.style.backgroundColor = post[i].firstChild.style.backgroundColor;
          node.firstChild.className = post[i].firstChild.className;
          post[i].parentNode.insertBefore(node, post[i].nextSibling);
          break;        
        case 1 : // phpbb3
          post[i].firstChild.insertBefore(node, post[i].firstChild.lastChild.previousSibling);
          break;      
        case 2 : // punbb
          node.className = 'postfoot';
          node.style.margin = '0';
          post[i].appendChild(node);
          break;        
        case 3 : // invision
          node.className = 'post-footer';
          node.style.backgroundColor = post[i].style.backgroundColor;
          post[i].appendChild(node);
          break;
      }
      break;
    }  
  }
});

E acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CS

E adicione esse código em sua folha de estilo:

Código:

div#fa_thanks_message {
  color : #280 ;
  font-size : 16px ;
  font-weight : bold ;
  text-align : center ;
  background-color : #DFD ;
  border : 1px sólida #BDB ;
  border-radius : 6px ;
  padding:6px;
  margin : 6px ;
}

Resultado: