Dúvida sobre a Header Bar

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

Resolvido Dúvida sobre a Header Bar

Mensagem por HenryWollkz em 08/06/17, 08:07 pm

Detalhes da questão


Endereço do fórum: http://forum.lostscavenge.com.br/
Versão do fórum: PunBB

Descrição


Queria saber se é possível,ou existe,algum código CSS para aplicação seguinte:

Esta barra selecionada em vermelho,que no meu CSS ta como header bar:

http://imgur.com/qcRojFw

No meu fórum ela fica travada la em cima,queria saber se existe um código que faça ela seguir o scroll,ficando sempre no topo da pagina.

Agradeço desde já

avatar

HenryWollkz
Nível 2

Masculino
Inscrito dia : 06/06/2017
Mensagens : 14
Pontos Ativos : 27

Ver perfil do usuário http://forum.lostscavenge.com.br/

Resolvido Re: Dúvida sobre a Header Bar

Mensagem por Luiz em 08/06/17, 08:15 pm

Olá,

É possível fazer isso usando o posicionamento do elemento no CSS.
Adicione ao final de sua CSS:
Código:
body {
  padding-top: 36px;
}

div#header_bar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 9999;
}

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Dúvida sobre a Header Bar

Mensagem por HenryWollkz em 08/06/17, 08:59 pm

Funcionou, Obrigado.
avatar

HenryWollkz
Nível 2

Masculino
Inscrito dia : 06/06/2017
Mensagens : 14
Pontos Ativos : 27

Ver perfil do usuário http://forum.lostscavenge.com.br/

Resolvido Re: Dúvida sobre a Header Bar

Mensagem por Luiz em 08/06/17, 09:03 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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