Barra no topo do menu

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

Resolvido Barra no topo do menu

Mensagem por YouTube3 em 13/11/16, 11:24 pm

Detalhes da questão


Endereço do fórum: http://VgNFamily.Forumais.com
Versão do fórum: PunBB

Descrição


Boa noite,
Olá! galera. quero saber se é possível adicionar uma barra no topo do menu como está.
Fórum aonde achei: http://familia-alliance.forumeiros.com/ Até mais.


avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Barra no topo do menu

Mensagem por Shek em 14/11/16, 11:27 am

Olá e bom dia.

Eu fiz algo bem simples, então, você pode colocá-lo em Visualização >> Mensagem da Página inicial >> Geral >>
HTML:
Código:
<div class="shekCrowleybar">
<div class='left'>INFORMACAO_SOBRE_O_SERVIDOR</div>
<div class='right'>IP_DE_CONEXAO_INFORMACAO</div>
</div>
CSS:
Código:
div.shekCrowleybar {
    color: #fff !important;
    background: #000;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1;
    padding: 5px;
}

div.shekCrowleybar div.left {
    float: left;
    padding-left: 50px;
}

div.shekCrowleybar div.right {
    float: left;
    padding-left: 50px;
}
O CSS coloca-se na Folha de estilos CSS, ok? Muito feliz

Troque o "INFORMACAO_SOBRE_O_SERVIDOR" e "IP_DE_CONEXAO_INFORMACAO" pelo dado desejado.

Atenciosamente,
Shek King


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek — Ajudeiro
avatar

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17450
Pontos Ativos : 21691

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Resolvido Re: Barra no topo do menu

Mensagem por YouTube3 em 14/11/16, 12:37 pm

Opá, Shek bom dia.

Quase lá ficou faltando uma parte no canto esquerdo:



Teria como deixar as letras na mesma posição como na print?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Barra no topo do menu

Mensagem por Shek em 14/11/16, 12:54 pm

Oi! Muito feliz

Neste caso, é só colocar dentro da div.shekCrowleybar a propriedade left: 0px;! Chorando


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek — Ajudeiro
avatar

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17450
Pontos Ativos : 21691

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Resolvido Re: Barra no topo do menu

Mensagem por YouTube3 em 14/11/16, 02:44 pm

Realmente não entendi se for assim que você diz: div.shekCrowleybar left: 0px;.
Eu botei porem sem resultado. Tentei no CSS/Página Inicial é nada de resultado.
Posso estar errado também peço desculpas até porque sou meio lerdo.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Barra no topo do menu

Mensagem por Luiz em 15/11/16, 07:48 am

Altere o código que o Shek te mandou por:

Código:
div.shekCrowleybar {
    left: 0!important;
    color: #fff !important;
    background: #000;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1;
    padding: 5px;
}
 
div.shekCrowleybar div.left {
    float: left;
    padding-left: 50px;
}
 
div.shekCrowleybar div.right {
    float: left;
    padding-left: 50px;
}

Atenciosamente. Muito feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Admineiro
avatar

Luiz
Admineiro
Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6537
Pontos Ativos : 7306

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

Resolvido Re: Barra no topo do menu

Mensagem por YouTube3 em 16/11/16, 04:52 pm

Opá, desculpe consegui resolver. Muito feliz Obrigado pela ajuda, pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Barra no topo do menu

Mensagem por Cream em 16/11/16, 07:09 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

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário http://ajuda.forumeiros.com

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


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