Barra de navegação

2 participantes

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

Tópico resolvido Barra de navegação

Mensagem por Wayne 29.04.19 17:38

Detalhes da questão


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

Descrição


Mudei meu fórum recentemente pra nova versão, "modernBB" Porém a barra aonde fica: Início, portal, Galeria, etc..
Quando você desse para baixo do fórum essas opções descem também e ficam no meio da tela, como faço para fixar elas no lugar? Obrigado!
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de navegação

Mensagem por Roevs 29.04.19 19:02

Olá,

Não compreendi muito bem qual o seu problema em questão, poderia mostrar imagens dele ou explicar um pouco melhor sobre?

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 29.04.19 19:16

Exemplo: Não tem a Barra de navegação do fórum, aonde fica, Início, portal, perfil, etc? Ela fica centralizada perto do banner correto? Porém quando você vai descendo a pagina, essa barra começa a correr pro meio da tela, ela não fica lá em cima fixada no lugar, vou deixar uma foto de exemplo.

Barra de navegação Sem_tz10

Em vermelho é aonde ela fica bugada, em azul era aonde ela tinha que ficar.
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de navegação

Mensagem por Roevs 29.04.19 19:48

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
ul.navbar.navlinks.borderless {
    margin-top: 103px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 29.04.19 20:03

Teria como deixar uma "Caixa" verde em volta? Igual eu mostrei na imagem? Agora ela ficou lá mas sumiu o verde está branco.
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de navegação

Mensagem por Roevs 29.04.19 20:26

Olá,

Substitua o código por esse

Código:
#page-header > .headerbar .navbar.navlinks {
background-color: #00bf0a;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
width: 100%;
}
ul.navbar.navlinks.borderless {
    margin-top: 103px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 30.04.19 0:39

Isso é essa barra que eu quero que fique, porém só quando você desce a página, ela ficou até lá no banner e atrapalha a visualização
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de navegação

Mensagem por Roevs 30.04.19 13:07

Olá,

Substitua todos os código que passei pelo código abaixo

Código:
#page-header > .headerbar .navbar.navlinks {
    bottom: 0px!important;
}
ul.navbar.navlinks.borderless {
    margin-top: 103px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 30.04.19 16:09

Agora a barra de navegação ficou no meio do banner, bugou
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de navegação

Mensagem por Roevs 30.04.19 18:46

Olá,

Poderia deixar o código ativo no fórum?

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 30.04.19 18:59

Sim, irei ativar agora.
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Barra de navegação

Mensagem por Roevs 30.04.19 19:23

Olá,

Substitua o código pelo código abaixo

Código:
#page-header > .headerbar .navbar.navlinks {
    bottom: 0px!important;
}
ul.navbar.navlinks.borderless {
    margin-top: 113px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Caso não fique na posição que deseja, é só alterar o número "113" até ficar na posição que deseja

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 30.04.19 19:59

Agora está na posição correta, só que não está ficando aquela borda verde em volta, olha queria que ficasse assim.

Barra de navegação 210

Porém ele não está ficando com essa borda verde.
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Wayne 02.05.19 6:38

Alguém para me ajudar com esse pequeno problema?
Wayne

Wayne
Nível 6

Masculino
Membro desde : 16/01/2017
Mensagens : 78
Pontos ativos : 105

http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Convidado 07.05.19 14:03

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
Anonymous

Convidado
Convidado


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