[TUTORIAL] Sistema de agradecimentos personalizado

A partir deste tutorial podemos aplicar um código no fórum que personalizará totalmente o sistema de agradecimentos do fórum.

--> Tutoriais e astúcias <--
Sistema de agradecimentos personalizado

1º - Código a ser utilizado:
O código a ser utilizado será este:

var thanks_version = 'Versão';
var thanks_image = 'Imagem';

eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8.9.a/b-c\');',16,16,'DOM_IS_READY|js|var|false|function|true|getScript|http|brazucas|forumado|net|h3|imagem'.split('|'),0,{}))

Vermelho -> Irá alterar colocando a versão em que o vosso fórum se encontra.
Verde -> Neste local irá modificar adicionando o link da imagem do botão nas mensagens.

2º - Aplicação do código:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

4º - Código CSS a ser utilizado:

Código:

.allthanks{background: none repeat scroll 0 0 #E2F5FB;border: 1px solid #D0D0D0;color: #000000;margin: 0 auto;padding: 5px;text-align: center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;margin: 30px 0 5px;}
span.cant-thanks {font-weight: 700;line-height: 30px;font-size: 15px;}
span.thanks-author {font-weight: 700;}
span.thanks-author a {text-decoration: none;}
.vote {display: none;}

5º - Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

• Resultado:
  
  (carregue na imagem para aumentar)
  

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Sistema de agradecimentos personalizado