[TUTORIAL] Ícones dos tópicos na resposta rápida

Você já pensou em poder escolher o ícone das mensagens, sem ter que clicar em "Responder"?
Com este código poderá colocar tais ícones (Resolvido, em curso, etc...) a escolha nas Respostas Rápidas.

--> Tutoriais <--
Ícones das mensagens nas Respostas rápidas

1º - Adicionando o código JavaScript
Para começar o efeito, você deve adicionar um código JavaScript em seu fórum.
Aceda à Painel de Controle >> Módulos >> HTML e JAVASCRIPT >> Gestão dos códigos JS
Clique em adicionar um código JS ( )

	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. Nos tópicos (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 Nos tópicos, e cole o código abaixo:

// Ícones das mensagens na Resposta Rápida
jQuery(document).ready(function(){if(unescape(jQuery('.pathname-box:eq(0) a:last').attr('href')).match(/f(Nº|Nº)-/)){t='></label> &nbsp<label><input type=radio name=post_icon value=';b='> <img src=http://';jQuery('#quick_reply').prepend('<div style=width:505px;margin-left:auto;margin-right:auto><label id=posticonall><input type=radio id=post_icon_none> Anular</label><label><input type=radio name=post_icon value=0 id=post_icon_0> Nenhum</label> &nbsp<label><input type=radio name=post_icon value=VALOR id=post_icon_ID'+b+'Endereço da imagem></label> &nbsp</div>');jQuery('#posticonall').click(function(){jQuery('#post_icon_0').prop('checked',true).prop('checked',false);jQuery('#post_icon_none').prop('checked',false)})}})

Agora vamos editar o código acima para que possa ser utilizado da forma que desejar:
Vermelho: Substitua pelo número do Fórum em que o efeito deverá ser aplicado, caso deseje adicionar mais fóruns, utilize o ícone "|".
Azul: Substitua pelo Valor do ícone, ou seja, o ícone que ele irá adicionar ao tópico, caso não saiba, acesse Painel... >> Visualização >> Imagens e Cores >> Gestão das Imagens >> Modo Avançado >> Ícones das Mensagens, o Default tem valor 0!
Verde: Deve ser substituída pelo mesmo número utilizado em "VALOR".
Laranja: Deverá adicionar o endereço da Imagem a ser mostrada acima da resposta rápida

Atenção: Neste endereço, não pode estar contido o 'http://', pois o mesmo já está no código. A utilização deste resultará em erros no seu JavaScript!

• Como adiciono mais imagens?
  Após o trecho Endereço da imagem, adicione o seguinte código:

  Código:

  '+t+'VALOR id=post_icon_ID'+b+'Endereço da imagem

  Realize os mesmos passos que forram necessários no item anterior.

• Resultado
  
  

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida]Ícones das Mensagens na Resposta rápida