Barra de navegação Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Barra de navegação

2 participantes

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
**

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

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

Ir para o topo Ir para baixo

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
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

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

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

Ir para o topo Ir para baixo

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
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

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

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

Ir para o topo Ir para baixo

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
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

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

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

Ir para o topo Ir para baixo

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
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

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

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

Ir para o topo Ir para baixo

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
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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
**

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

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

Ir para o topo Ir para baixo

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
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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 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
**

Membro desde : 16/01/2017
Mensagens : 78
Pontos : 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
**

Membro desde : 16/01/2017
Mensagens : 78
Pontos : 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

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos