Edição do cabeçalho no Modernbb

Detalhes da questão

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

Descrição

Boa noite!
Gostaria de aprender como editar posicionamento, tamanho (da barra e das fontes) do cabeçalho no ModernBB. Algo igual a este fórum aqui já seria ótimo, mas gostaria que ficasse abaixo do banner do topo.

Adicionei alguns códigos css que encontrei aqui pelo fórum, mas como sou novato não soube editar para trazer este efeito.

Algo mais ou menos assim: http://prntscr.com/fvg6r4

Grato!

Olá @acidfrehley!

Seja bem-vindo ao nosso fórum de Suporte! 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. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

As configurações nativas de cores podem ser localizadas em Painel de Controle >>
Visualização >> Imagens e Cores >> Cores

Alguns códigos que aplicar no seu fórum modernBB pode não resultar, pois, esta versão phpBB3 contém elementos HTML com ID e CLASS's diferentes. Seria necessário uma adaptação. Você poderia explicar mais detalhes de como deseja essa "remodelagem"?

Seria algo bem simples mesmo, como na imagem que eu coloquei no primeiro post. Um menu, como o desse fórum de ajuda, abaixo da imagem/banner.

Olá vá em Painel de Controle Imagens e Cores Cores na aba Folha de estilo CSS, adicione

Código:

.navbar {
  background-color: #383636;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
}
.navbar a:hover {
  background-color: #000;
  color: #fff;
  padding: 12px;
}
.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
}
.navbar.navlinks li a.mainmenu {
  padding: 12px;
  border-radius: 0px;
  font-size: 13px;
}
.is-sticky#headerbar-top {
  position: initial;
}

Ficará assim http://prntscr.com/fvij0t

Até mais

Opa, ficou ótimo, muito obrigado.
Só mais uma pergunta aproveitando o espaço. Depois da alteração, se você descer a barra de rolagem na home do fórum, e depois subir, pisca uma faixa verde musgo na parte superior da página. Ela é da mesma cor daquele hover do cabeçalho que ia arrastando pra página do modelo antigo, acho que pode ter sobrado algum resquício disto.

Não sei se consegui explicar bem, tentei tirar um print, mas como é algo que acontece muito rápido não acertei o tempo aqui.

Olá,

Remova o código passado pela nossa amiga @Harleen e faça o que foi instruído neste tópico:
-> https://ajuda.forumeiros.com/t109332-topic

[ ! ] Mas ignore toda alteração referente aos templates. Só faça o que foi pedido relacionado à CSS.

É exatamente a sua dúvida.

o/

Eu colei o último código do tópico mencionado (era este mesmo?), mas além do menu continuar "piscando", ele foi novamente para cima da imagem, exatamente como era anteriormente.

Olá, troque todos os anteriores por esse

Código:

.navbar {
  background-color: #383636;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
}
.navbar a:hover {
  background-color: #000;
  color: #fff;
  padding: 12px;
}
.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
 }
.navbar.navlinks li a.mainmenu {
  padding: 12px;
  border-radius: 0px;
  font-size: 13px;
}
#headerbar-top.is-sticky {
    background-color: transparent !important;
    box-shadow: initial;
}

---

@acidfrehley editei o CSS acima, acho que agora irá funcionar

Até mais

Deu certo aqui, mas tive que deixar os dois códigos, o postado por Harleen (que colocou o menu igual o daqui) e o seu (que tirou aquele flash colorido quando subia a barra).

Agradecido!

Posso considerar este tópico como resolvido?