Mudar barra de todas as categorias

Detalhes da questão

Endereço do fórum: http://projetolde.forumeiros.com
Versão do fórum: phpBB3

Descrição

Percebi que existem categorias aqui no FDF que possuem barras com cores diferentes, gostaria de fazer o mesmo no meu fórum, qual o procedimento?

Olá.
Lamentamos, mas, por se tratar de um código exclusivo do FDF, este não poderá ser passado.
Se o senhor notar, esse código só pode ser visto nos fóruns de suporte.

---

Todavia, o senhor quiser personalizar a cor, use este código:

Código:

.header {
    background-color: #39c;
}

Mude "#39c" para uma cor à sua escolha.

Até mais.

Luiz~ escreveu:Olá.
Lamentamos, mas, por se tratar de um código exclusivo do FDF, este não poderá ser passado.
Se o senhor notar, esse código só pode ser visto nos fóruns de suporte.

---

Todavia, o senhor quiser personalizar a cor, use este código:

Código:

.header {
    background-color: #39c;
}

Mude "#39c" para uma cor à sua escolha.

Até mais.

Ok, fiz isso, mudou a cor de todas, mas eu gostarei que cada categoria tivesse uma cor especifica.

Olá.
Foi o que disse anteriormente:

Luiz~ escreveu:Lamentamos, mas, por se tratar de um código exclusivo do FDF, este não poderá ser passado.
Se o senhor notar, esse código só pode ser visto nos fóruns de suporte.

Como o código que faz isso é exclusivo do FdF, não poderá ser compartilhado. :/
Espero que o senhor entenda.

Até mais.

O código do FdF é, como o @Luiz~ diz, protegido. Mas podemos tentar bolar um novo.

Adicione a um novo Javascript com Investimento em Em todas as páginas:

Código:

(function($) {
  'use strict';
 
  $(function() {
      $('.forabg .table-title h2').each(function() {
        var $this = $(this);
       
        var name = $this
            .text()
            .toLowerCase()
            .normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')           
            .replace(/[^a-z0-9]+/gi, '-')
            .replace(/^-|-$/gi, '')
        ;
       
        $this.closest('.forabg').addClass('forabg-' + name);
      });
  });
}(jQuery));

E adicione ao seu CSS:

Código:

.forabg-bem-vindos,
.forabg-bem-vindos .header {
    background-color: #f0f;
}

.forabg-livros,
.forabg-livros .header {
    background-color: #ff0;
}

.forabg-audio-video,
.forabg-audio-video .header {
    background-color: #0ff;
}

.forabg-theword-mysword,
.forabg-theword-mysword .header {
    background-color: #0f0;
}


Kyo Panda escreveu:O código do FdF é, como o @Luiz~ diz, protegido. Mas podemos tentar bolar um novo.

Adicione a um novo Javascript com Investimento em Em todas as páginas:

Código:

(function($) {
  'use strict';
 
  $(function() {
      $('.forabg .table-title h2').each(function() {
        var $this = $(this);
       
        var name = $this
            .text()
            .toLowerCase()
            .normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')           
            .replace(/[^a-z0-9]+/gi, '-')
            .replace(/^-|-$/gi, '')
        ;
       
        $this.closest('.forabg').addClass('forabg-' + name);
      });
  });
}(jQuery));

E adicione ao seu CSS:

Código:

.forabg-bem-vindos,
.forabg-bem-vindos .header {
    background-color: #f0f;
}

.forabg-livros,
.forabg-livros .header {
    background-color: #ff0;
}

.forabg-audio-video,
.forabg-audio-video .header {
    background-color: #0ff;
}

.forabg-theword-mysword,
.forabg-theword-mysword .header {
    background-color: #0f0;
}


CARA, VC É DEMAIS!!!
Deu certo.