Barra no topo do menu

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.

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?

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

Atenciosamente,
Shek

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?

Oi!

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

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.