Mudar background do tópico de acordo com o ícone
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Mudar background do tópico de acordo com o ícone
Detalhes da questão
Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3
Descrição
Gostaria de que quando colocasse o ícone X no tópico (como o resolvido aqui na forumeiros), no sub-fórum onde o tópico encontra-se, ficasse um background da cor X.
Última edição por Eduardo Lima em 07.11.17 22:34, editado 1 vez(es)
Re: Mudar background do tópico de acordo com o ícone
Olá,
Crie um novo JavaScript investido nos subfóruns com o código:
Sendo possível configurá-lo neste vetor de configuração:
Você pode criar mais, irá ficar assim:
Sendo o parâmetro url correspondente à URL do ícone e o parâmetro background referente à cor de fundo que ele ficará.
Atenciosamente,
Luiz.
Crie um novo JavaScript investido nos subfóruns com o código:
- Código:
(function ($) {
'use strict';
var config = [
{ url: 'icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png', background: 'rgba(136, 187, 85, 0.3)' }
];
$(function () {
$('.dterm').each(function () {
var $this = $(this);
$.each(config, function (index, icon) {
var regex = new RegExp (icon.url, 'gi');
if (!regex.test($this.css('background-image'))) {
return;
}
$this
.parent('.icon')
.css('background-color', icon.background)
.end()
.parent('.row')
.css('background-color', '#fff')
;
});
});
});
}(jQuery));
Sendo possível configurá-lo neste vetor de configuração:
- Código:
var config = [
{ url: 'icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png', background: 'rgba(136, 187, 85, 0.3)' }
];
Você pode criar mais, irá ficar assim:
- Código:
var config = [
{ url: 'icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png', background: 'rgba(136, 187, 85, 0.3)' },
{ url: 'url...', background: 'rgba(136, 187, 85, 0.3)' },
{ url: 'url...', background: 'rgba(136, 187, 85, 0.3)' }
];
Sendo o parâmetro url correspondente à URL do ícone e o parâmetro background referente à cor de fundo que ele ficará.
Atenciosamente,
Luiz.
Re: Mudar background do tópico de acordo com o ícone
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Mudar o fundo do tópico de acordo com o ícone
» Mudar fundo de acordo com o ícone
» Mudar icones de categorias (cada icone para um tópico)
» Colorir o Background de campos específicos de acordo com o grupo do membro
» Fundo dos tópicos de acordo com o ícone de mensagem
» Mudar fundo de acordo com o ícone
» Mudar icones de categorias (cada icone para um tópico)
» Colorir o Background de campos específicos de acordo com o grupo do membro
» Fundo dos tópicos de acordo com o ícone de mensagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos