[TUTORIAL] Personalizando mensagem agradecida

Com o sistema de agradecimento você pode gerar a reputação dos seus membros e ajudá-los a destacar-se facilmente no fórum com suas mensagens. Neste tutorial vamos reproduzir um efeito escolhido pelo admiisnitrador e aplicar uma imagem para todos os tópicos agradecidos.

--> Tutoriais <--
Personalizando mensagem agradecida

1º - Gerenciar página JavaScript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

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. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

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.

Em Investimento, marque a opção Nos tópicos e adicione o seguinte jQuery:

Código:

jQuery(function(){jQuery('.post[style="background-color:BACKGROUND;"]').css('background-color','').find('div.clear').after('<img style="position:bottom left;" src="http://i12.servimg.com/u/f12/16/63/75/54/thanks12.png"/>')});

Contudo, o efeito não vai funcionar ainda. Você precisa especificar ao código JavaScript a cor de fundo das suas mensagens agradecidas. Como fazer isso? Acesse: PA > Visualização > Imagens e Cores > Cores e procure pela caixa de cor "Cor do fundo de uma mensagem agradecida". Ao encontrar basta copiar o código da cor ao lado, acessar o código JS novamente e no lugar do nome BACKGROUND no código JS, adicionar o código da cor. Vamos citar um exemplo de cor:

#86B125

Feito isso, salve o código e acesse um tópico agradecido pelo autor e veja o resultado.

• Resultado:
  
  
  
  
• Posso mudar o código por alguma tag HTML?
  Sim. No código JS você só precisa mudar a tag de imagem <img style="position:bottom left;" src="https://i.servimg.com/u/f12/16/63/75/54/thanks12.png"/> pelo código desejado (excerto scripts, php e outras plataformas).

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Personalizando mensagem agradecida