[Tutorial] Definir ícone do post na caixa de resposta rápida
Página 1 de 1 • Compartilhe
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:
Crie um novo javascript com investimento nos topicos com esse código:Painel de Controle -> Modulos -> HTML & Javascript -> Gestão dos códigos Javascripts
- 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> ');
$('.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'
});
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|