Mudança do cabeçalho de uma categoria.

Detalhes da questão

Endereço do fórum: http://oriontownproject.forumeiros.com
Versão do fórum: ModernBB

Descrição

Boa noite!

Gostaria de saber se poderiam me ajudar. Eu dei uma olhada, e não vi nada que pudesse me ajudar com esse problema em específico!

Na minha página do fórum as categorias ficaram distintas. Tudo bem. Porém. Quando eu entro no tópico e peço para me redirecionar o link, ele me envia para onde há somente essa categoria, só que a mudança que eu fiz no título e no plano de fundo, não são aplicadas nela. Poderiam me ajudar? Segue as imagens para ilustrar o problema.

Como está no fórum.

A que eu queria realizar a mudança.

Alguém poderia ajudar?

Detalhes da questão

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

Descrição

Boa noite.

Gostaria de saber se tem alguém que possa me ajudar.

Eu consegui mudar no fórum, cada uma das categorias, colocando imagens diferentes para criar destaque, porém, quando eu entro nessa categoria individualmente, não aparece a imagem, e sim a cor escolhida anteriormente para ela.

Para ilustrar melhor o problema, eis as as imagens.

O que eu fiz no fórum.

Como fica quando eu acesso essa categoria.

Teria como deixar os dois iguais?

Olá @Oriontown,

Bem-vindo ao Fórum dos Fóruns! Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum; Lista de tutoriais e perguntas frequentes; A Equipe de Suporte; A função de busca.

O senhor deverá ter em mente que a criação de tópicos de suporte duplos não irão acelerar o processo de suporte. Deixo a seguinte citação das regras gerais do FdF, para frisar alguns pontos:

Todos os usuários devem compreender que a equipe e seus usuários estão ao dispor para atender a qualquer dúvida, desde de que, ela esteja ao conhecimento dele(a). Nenhum usuário é obrigado a lhe responder, pois, todos são meros voluntários e usam o seu tempo livre para lhe ajudar.

Tópico "Imagem na Categoria." unido com "Mudança do cabeçalho de uma categoria.".

---

Relativamente a sua questão, o senhor podia passar o código em uso, para poder adaptar, por favor?


Aguardo uma resposta sua,
pedxz.

Ah sim, perdão, me desculpe. É que eu pensei que coloquei no lugar errado a minha pergunta, por isso abri outro.

Bom, o código que estou usando é esse:

Código:

.forabg-o-universo,
.o-universo .header {
   background-image: url("https://i.postimg.cc/fRhK4SGp/ouniverso.png");
}

Oriontown escreveu:Ah sim, perdão, me desculpe. É que eu pensei que coloquei no lugar errado a minha pergunta, por isso abri outro.

Caso a nossa equipa veja que o tópico está na área errada ela move o tópico corretamente

Bom, o código que estou usando é esse:

Mude para:

Código:

.forabg-o-universo,
.forabg-o-universo .header {
    background-image: url("https://i.postimg.cc/fRhK4SGp/ouniverso.png");
}

Eu testei aqui e não funcionou.

Continua do mesmo modo.

Oriontown escreveu:Eu testei aqui e não funcionou.

Continua do mesmo modo.

Altere o seu script para o seguinte:

Código:

(function($) {
  'use strict';
 
  $(function() {
      $('.forabg .table-title h2, .forabg .table-title h1').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));

MUITO OBRIGADO! AGORA SIM! ME AJUDOU MUITO.

Um pszinho de nada: seria muito pedir para você me ajudar a tirar o nome dessa categoria igual fiz com a outra? Para não ficar o nome no fundo, deixar só a imagem com nome?

Adicione na sua folha de estilo o seguinte código:

Código:

.forabg .table-title h1 {
   font-size: 0!important;
}


MOÇO! VOCÊ É UM SALVADOR!

Eu estava doidinho para encerrar a questão de aparência e você solucionou tudo! Mas tudo mesmo!

Eu agradeço pela sua paciência e por toda a sua ajuda!

Reveja também os seus estilos da categoria "personalizada", como deu para analisar o seguinte:

Código:

.forabg-o-universo,
.o-universo .header {
  background-image: url("https://i.postimg.cc/fRhK4SGp/ouniverso.png");
}

o correto é:

Código:

.forabg-o-universo,
.forabg-o-universo .header {
    background-image: url("https://i.postimg.cc/fRhK4SGp/ouniverso.png");
}

---

Questão resolvida Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.