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 Seg 29 Abr 2019 - 16: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
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

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

Mensagem por Roevs Seg 29 Abr 2019 - 18: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
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Wayne Seg 29 Abr 2019 - 18: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
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

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

Mensagem por Roevs Seg 29 Abr 2019 - 18: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
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Wayne Seg 29 Abr 2019 - 19: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
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

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

Mensagem por Roevs Seg 29 Abr 2019 - 19: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
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Wayne Seg 29 Abr 2019 - 23: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
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

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

Mensagem por Roevs Ter 30 Abr 2019 - 12: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
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Wayne Ter 30 Abr 2019 - 15:09

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

Wayne
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

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

Mensagem por Roevs Ter 30 Abr 2019 - 17:46

Olá,

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

Até mais!
Roevs

Roevs
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Wayne Ter 30 Abr 2019 - 17:59

Sim, irei ativar agora.
Wayne

Wayne
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Membro Proficiente

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

Mensagem por Roevs Ter 30 Abr 2019 - 18: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
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

  • 0

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

Mensagem por Wayne Ter 30 Abr 2019 - 18: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
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Wayne Qui 2 Maio 2019 - 5:38

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

Wayne
**

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

Ver perfil do usuário http://gsf-nwd.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Convidado Ter 7 Maio 2019 - 13: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