ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!

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

Ir em baixo

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

Mensagem por Scrat em Dom 14 Abr - 12:37



Ícones das Mensagens 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



- 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 ( Adicionar )

Seta verde Título: Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta verde 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.
Seta verde Código JavaScript: Campo destinado para receber os códigos JavaScript e jQuery.
Seta verde 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
avatar
Scrat
Hiperativo

Masculino
Idade : 17
PointActif's : 2714
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum