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

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

avatar
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
Ver perfil do usuário http://bestweb.forumais.com

MensagemAdmin em 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://illiweb.com/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 Voltar ao 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ão deste fórum:
Você não pode responder aos tópicos neste fórum