Mudar barra de todas as categorias

3 participantes

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

Tópico resolvido Mudar barra de todas as categorias

Mensagem por LDE 24.03.17 4:21

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?

Mudar barra de todas as categorias Amarel10

Mudar barra de todas as categorias Azul10

Mudar barra de todas as categorias Verde10


Última edição por LDE em 24.03.17 17:48, editado 1 vez(es)
LDE

LDE
*

Membro desde : 18/03/2017
Mensagens : 33
Pontos : 58

http://projetolde.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar barra de todas as categorias

Mensagem por Luiz 24.03.17 9:49

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. Rose
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de todas as categorias

Mensagem por LDE 24.03.17 18:12

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. Rose

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

LDE
*

Membro desde : 18/03/2017
Mensagens : 33
Pontos : 58

http://projetolde.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar barra de todas as categorias

Mensagem por Luiz 24.03.17 18:53

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. Feliz
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de todas as categorias

Mensagem por Kyo Panda 24.03.17 19:08

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de todas as categorias

Mensagem por LDE 24.03.17 19:21

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!!! Muito feliz Em choque Tive uma idéia! Tive uma idéia!
Deu certo.
LDE

LDE
*

Membro desde : 18/03/2017
Mensagens : 33
Pontos : 58

http://projetolde.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar barra de todas as categorias

Mensagem por Kyo Panda 24.03.17 19:22

Mudar barra de todas as categorias Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos