Detalhes da questão

Endereço do fórum: http://ams7.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Howdy,

Precisarei que o senhor libere a visualização de pelo menos um tópico para os convidados (para que eu possa fazer testes).
Estaremos no aguardo para prosseguir com a sua questão.

P.S.: Postei o tópico aqui porque ainda que trate de uma questão de "Aparência" o código no tutorial citado trata de JavaScript. Qualquer coisa, me perdoem a negligência.

E... Você acertou a sessão.

Não se esqueça de votar nos seus candidatos favoritos!

o/

Aloha!
Aqui está. Liberei os tópicos dessa seção: http://ams7.forumeiros.com/f12-chales
Confere?

Olá novamente,

O senhor deseja um resultado como este?


Estarei aguardando sua resposta para prosseguir. o/

Não se esqueça de votar nos seus candidatos favoritos!

Olá novamente,

Crie um JavaScript investido nos tópicos contendo:

Código:

/**globals jQuery*/

/**
 * Post background as group color.
 * Paint the background of the post with the specified color.
 *
 * @author  Luiz Felipe F.
 * @see    {@link https://lffg.github.io}
 */

(function ($) {
  'use strict';

  var config = [
    { color: '#F0E078', background: 'red' }
  ];

  $(function () {
    $('.post').each(function () {
      var $this = $(this);
      var $user = $this.find('.name strong > a > span[style]');

      if (!$user.length) return;
      if (!$user.css('color')) return;

      $.each(config, function () {
        var self = this;

        var $dummy = $('<span>').css('color', self.color);

        if ($dummy.css('color') !== $user.css('color')) return;

        $this
          .children('td')
            .css('background-color', self.background)
          .end()
            .next('tr')
              .children('td')
                .css('background-color', self.background)
        ;
      });
    });
  });
})(jQuery);

Nessa parte (do script acima):

Código:

var config = [
  { color: '#F0E078', background: 'red' }
];

É a configuração. Para configurar mais, basta adicionar uma vírgula após o último elemento, por exemplo:

Código:

var config = [
  { color: '#F0E078', background: 'red' },
  { color: 'COR DO GRUPO 2', background: 'FUNDO PARA MEMBROS DO GRUPO 2' },
  { color: 'COR DO GRUPO 3', background: 'FUNDO PARA MEMBROS DO GRUPO 3' }
];

Lembre-se de não colocar vírgula após o último elemento!

Qualquer dúvida, só falar.

Não se esqueça de votar nos seus candidatos favoritos!

o/

Ótimo! O efeito foi aplicado corretamente! Muitíssimo obrigado!
Só uma observação para quem for ler este tópico depois procurando o mesmo resultado:

Para alterar a cor do fundo das mensagens, devo alterar o valor aqui:

Código:

var config = [
  { color: 'COR DO GRUPO', background: 'COR DESEJADA PARA O FUNDO' }
];

E aqui:

Código:

$this
          .children('td')
            .css('background-color', 'COR DESEJADA PARA O FUNDO')
          .end()
            .next('tr')
              .children('td')
                .css('background-color', 'COR DESEJADA PARA O FUNDO')
        ;

Certo?



Agora, caso eu queira alterar a cor do fundo das mensagens de outros grupos, além de adicionar o seguinte código:

Código:

var config = [
  { color: '#F0E078', background: 'red' },[/size]
  { color: 'COR DO GRUPO 2', background: 'FUNDO PARA MEMBROS DO GRUPO 2' },
  { color: 'COR DO GRUPO 3', background: 'FUNDO PARA MEMBROS DO GRUPO 3' }
];

Qual mais devo acrescentar?

Não, você não deve mexer em nada aqui:

Código:

$this
          .children('td')
            .css('background-color', 'COR DESEJADA PARA O FUNDO')
          .end()
            .next('tr')
              .children('td')
                .css('background-color', 'COR DESEJADA PARA O FUNDO')
        ;

É só no array de configuração mesmo, como expliquei na minha mensagem acima.

O resto o script faz tudo sozinho!

E isso:

Código:

$this
          .children('td')
            .css('background-color', 'COR DESEJADA PARA O FUNDO')
          .end()
            .next('tr')
              .children('td')
                .css('background-color', 'COR DESEJADA PARA O FUNDO')
        ;

É uma parte importante do script que NÃO pode ser modificada pelo utilizador.

o/

---

EDIT:

Acabei percebendo que tinha cometido um erro no script. O script que postei acima já foi editado, no entanto, a versão atualizada é essa:

Código:

/**globals jQuery*/

/**
 * Post background as group color.
 * Paint the background of the post with the specified color.
 *
 * @author  Luiz Felipe F.
 * @see    {@link https://lffg.github.io}
 */

(function ($) {
  'use strict';

  var config = [
    { color: '#F0E078', background: 'red' }
  ];

  $(function () {
    $('.post').each(function () {
      var $this = $(this);
      var $user = $this.find('.name strong > a > span[style]');

      if (!$user.length) return;
      if (!$user.css('color')) return;

      $.each(config, function () {
        var self = this;

        var $dummy = $('<span>').css('color', self.color);

        if ($dummy.css('color') !== $user.css('color')) return;

        $this
          .children('td')
            .css('background-color', self.background)
          .end()
            .next('tr')
              .children('td')
                .css('background-color', self.background)
        ;
      });
    });
  });
})(jQuery);

Mas a explicação que postei na mensagem acima, acerca do array de configuração ainda se mantém.
Você só deve editar, no script, o que está dentro deste array (config):

Código:

var config = [
  { color: '#F0E078', background: 'red' }
];

O que ele faz? Ele colore de vermelho todas as mensagens dos membros do grupo que tem a cor:

Código:

#F0E078

Para adicionar mais grupos, veja o exemplo abaixo.

Se você tiver um grupo com a cor:

Código:

#3399cc

E quiser colocar o fundo de azul, basta adicionar:

Código:

{ color: '#3399cc', background: '#0000ff' }

No array, então, vai ficar assim:

Código:

var config = [
  { color: '#F0E078', background: 'red' },
  { color: '#3399cc', background: '#0000ff' }
];

Deu pra entender como funciona?

o/

Ah sim... agora sim!
Tudo entendido! Novamente, muito obrigado Pode fechar/arquivar o tópico!