[Tutorial] Definir ícone do post na caixa de resposta rápida

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Qui Set 29, 2016 4:04 pm

Informações:

Autor: Desconhecido
Versões: Todas as versões
Introdução: Você poderá definir o ícone da mensagem na caixa de resposta

Instalação:

Acesse:
Painel de Controle -> Modulos -> HTML & Javascript -> Gestão dos códigos Javascripts
Crie um novo javascript com investimento nos topicos com esse código:
Código:
$(function() {
      if (!_userdata.user_level || !document.getElementById('quick_reply')) return;
      $('#quick_reply').prepend('<dl style="text-align:center;margin:3px auto;width:60%;padding:3px 0;"><dt style="float:left;font-size:11px;margin-top:4px;"><label style="color:#1675BC;"></label></dt><dd id="iconlist"></dd></dl>');
    
      // default icon
      icon({
        name : 'Nenhum',
        id : 0
      });
    
      icon({
        name : 'Resolvido',
        id : 1,
        image : 'http://i45.servimg.com/u/f45/11/65/59/72/resolu11.png'
      });
    
    
    
      function icon(o) {
        $('#iconlist').append('<label><input name="post_icon" value="'+o.id+'" id="post_icon_'+o.id+'" type="radio"> <span onclick="document.forms[\'post\'].post_icon_'+o.id+'.checked=true">'+(o.image ? '<img src="'+o.image+'" alt="'+o.name+'" title="'+o.name+'">' : o.name)+'</span></label> &nbsp;');
        $('.post h2.topic-title img').attr('src') == (o.image ? o.image : 'http://2img.net/i/fa/empty.gif') && (document.getElementById('post_icon_'+o.id).checked = true);
      }
    });

Explicando o código:


/* O nome do ícone, exemplos: Em curso, resolvido, bloqueado... */
name = Nome do ícone;
/* Link referente a imagem relacionada o ícone */
image = Imagem do ícone;
/* Qual a posição do ícone em etapas numéricas  */
id = Número do ícone;

Para adicionar mais ícones e só multiplicar o código, veja o exemplo abaixo:

Código:
   
  // default icon
      icon({
        name : 'Nenhum',
        id : 0
      });
    
      icon({
        name : 'Resolvido',
        id : 1,
        image : 'http://i45.servimg.com/u/f45/11/65/59/72/resolu11.png'
      });
    
      icon({
        name : 'Em curso',
        id : 2,
        image : 'http://i45.servimg.com/u/f45/11/65/59/72/en_cou11.png'
      });
    
      icon({
        name : 'Concluído',
        id : 3,
        image : 'http://i86.servimg.com/u/f86/11/66/91/15/ok_16x10.gif'
      });
    
      icon({
        name : 'Admin',
        id : 4,
        image : 'http://i45.servimg.com/u/f45/12/05/75/97/semttu10.png'
      });
    
      icon({
        name : 'Errado',
        id : 5,
        image : 'http://i86.servimg.com/u/f86/11/66/91/15/cancel12.png'
      });
  

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissões neste sub-fórum
Não podes responder a tópicos