Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 05:52 am por Flames

» Colocar link do perfil no menu
Hoje à(s) 05:51 am por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 05:25 am por Flames

» Logo do fórum
Hoje à(s) 05:04 am por Luiz

» Cor do fundos dos tópicos
Hoje à(s) 05:02 am por Luiz

» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 04:59 am por Luiz

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
JulioPais
 
Shek
 
APOllO
 
Forumpw
 

Quem está conectado
218 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 218 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Edição do cabeçalho no Modernbb

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

Resolvido Edição do cabeçalho no Modernbb

Mensagem por acidfrehley em 13/07/17, 10:00 pm

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!
avatar

acidfrehley
Nível 2

Masculino
Inscrito dia : 13/07/2017
Mensagens : 5
Pontos Ativos : 7

http://fantasysportsbrasil.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por Shek em 13/07/17, 10:56 pm

Olá @acidfrehley!
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
As configurações nativas de cores podem ser localizadas em Painel de Controle >>
Visualização >> Imagens e Cores >> Cores
Muito feliz

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"?


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16488
Pontos Ativos : 20869

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por acidfrehley em 14/07/17, 12:33 am

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

acidfrehley
Nível 2

Masculino
Inscrito dia : 13/07/2017
Mensagens : 5
Pontos Ativos : 7

http://fantasysportsbrasil.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por Harleen em 14/07/17, 03:14 am

Olá Welcome FdF vá em Painel de Controle Seta Imagens e Cores Seta 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




Bem-vindo ao Fórum dos Fóruns, leia:
Consulte o regulamento do setor suporte
Leia as Perguntas e Respostas
Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
MP apenas para assuntos importantes.


Camarão que dorme a onde leva...
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1282
Pontos Ativos : 1681

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por acidfrehley em 14/07/17, 03:08 pm

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.

avatar

acidfrehley
Nível 2

Masculino
Inscrito dia : 13/07/2017
Mensagens : 5
Pontos Ativos : 7

http://fantasysportsbrasil.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por Luiz em 14/07/17, 04:06 pm

Olá,

Remova o código passado pela nossa amiga @Harleen e faça o que foi instruído neste tópico:
-> http://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. Piscada

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por acidfrehley em 14/07/17, 07:55 pm

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

acidfrehley
Nível 2

Masculino
Inscrito dia : 13/07/2017
Mensagens : 5
Pontos Ativos : 7

http://fantasysportsbrasil.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por Harleen em 14/07/17, 08:10 pm

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




Bem-vindo ao Fórum dos Fóruns, leia:
Consulte o regulamento do setor suporte
Leia as Perguntas e Respostas
Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
MP apenas para assuntos importantes.


Camarão que dorme a onde leva...
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1282
Pontos Ativos : 1681

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por acidfrehley em 17/07/17, 11:13 am

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!
avatar

acidfrehley
Nível 2

Masculino
Inscrito dia : 13/07/2017
Mensagens : 5
Pontos Ativos : 7

http://fantasysportsbrasil.forumeiros.com/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por Luiz em 17/07/17, 11:58 am

Posso considerar este tópico como resolvido?
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Resolvido Re: Edição do cabeçalho no Modernbb

Mensagem por Harleen em 21/07/17, 12:41 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.




Bem-vindo ao Fórum dos Fóruns, leia:
Consulte o regulamento do setor suporte
Leia as Perguntas e Respostas
Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
MP apenas para assuntos importantes.


Camarão que dorme a onde leva...
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1282
Pontos Ativos : 1681

https://soulfulbrmusic.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum