Mudar o fundo do menu do fórum

[LeandroNeto]

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Desde sempre
Endereço do fórum : http://cbfhabbo.com

Descrição do problema

Boa noite, gostaria de saber como deixar a barra de menu do meu fórum desse jeito https://i.imgur.com/WQmbTVb.png , ou pelo menos trocar a cor dela..

OBS: A imagem https://i.imgur.com/WQmbTVb.png não é do meu fórum e sim a citada '' IMAGEM DO PROBLEMA QUE ACONTECE ''

Agradeço desde já

[Sennior]

Saudações,

Qual é o link referente do menu que o senhor deseja?
Amigão, quando criar um tópico, poderia por gentileza não usar o Caps Lock na criação do titulo?

Abraços.

[LeandroNeto]

Saudações,

Qual é o link referente do menu que o senhor deseja?
Amigão, quando criar um tópico, poderia por gentileza não usar o Caps Lock na criação do titulo?

Abraços.

O link do menu eu não tenho, mas tenho o site onde esse menu se localiza: hes-sd.com

Se não der pra colocar o mesmo menu, me mostre como muda a cor..

[EuficoLoko]

Hey!  

Vá em:   Painel de controle   Visualização    Imagens e Cores Cores CSS

Código:

#page-header .navbar ul.navlinks {
background: url(http://i43.tinypic.com/auuw6d.png) no-repeat top center;
height: 50px;
left: -56px;
position: relative;
width: 1012px;
}ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Posição: No início
Atenciosamente, EuficoLouko.

[LeandroNeto]

Os nomes: Inicio FAQ Buscar MEMBROS GRUPOS

Ficaram acima do menu (do desenho)

Coloquei exatamente o código que você mandou

[EuficoLoko]

Olá!

Troque por esse:

Código:

#page-header .navbar ul.navlinks {
background: url(http://i43.tinypic.com/auuw6d.png) no-repeat top center;
height: 50px;
left: -56px;
position: relative;
width: 108% !important;
}ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Procure por isso em sua CSS:

Código:

ul.navlinks li a {
bottom: -3px!important;

Troque o 3 por 25.
Se não existir na CSS, adicione esse código:

Código:

ul.navlinks li a {
bottom: -25px!important;
}

[LeandroNeto]

Ficou do mesmo jeito..

[EuficoLoko]

O senhor, não me disse se tinha ou não a parte.
Tinha ou não? No mais, substitua o último código por esse:

Código:

ul.navlinks li a {
bottom: -25px!important;
position: relative !important;
}

[LeandroNeto]

Não tinha. Adicionei o primeiro e esse que você enviou agora, mesmo assim ficou do mesmo jeito..

[EuficoLoko]

Olá!

Então meu caro, não que eu esteja lhe contrariando mais existe esse código em sua CSS.
Ele está junto deste:

Código:

#page-header .navbar ul.navlinks li a{bottom:-3px!important;color:#fff;font-family:Tahoma;font-size:11px;margin:5px;position:relative;text-shadow:1px 1px 5px #000}

Retirei essa parte para pedir que procuraste:

Código:

ul.navlinks li a{bottom:-3px!important;

Tente novamente com o código completo, quando achar troque o -3 por -25. Sei que existe, por causa das prints abaixo:
http://prntscr.com/5xe2na
http://prntscr.com/5xe350
Quando modificar ficará assim:
http://prntscr.com/5xe3en

[LeandroNeto]

É, o menu ficou no meio certo.. mas a parte do menu tá pro lado esquerdo<< do que centralizado como na imagem prevista..

[LeandroNeto]

??

[EuficoLoko]

Olá!

Procure isso no segundo código que lhe passei:

Código:

#page-header .navbar ul.navlinks {
background: url(http://i43.tinypic.com/auuw6d.png) no-repeat top center;
height: 50px;
left: -56px;
position: relative;
width: 108% !important;
}

Troque por:

Código:

#page-header .navbar ul.navlinks {
background: url(http://i43.tinypic.com/auuw6d.png) no-repeat top center;
height: 50px;
left: -40px;
position: relative;
width: 106.50% !important;
}

Ficará assim:
http://prntscr.com/5xt3ku

Se não for isso, perdoe-me. Poderia explicar novamente?

[LeandroNeto]

Ainda não ficou como previsto na imagem.

Não está totalmente alinhado como na imagem..

:/

[EuficoLoko]

Estranho, aqui está idêntico.
Procure por esses valores no código que passei agora:

Código:

left: -40px;
position: relative;
width: 106.50% !important;

Procure por '40' vá mexendo para alterar a posição entre os lados.
Procure por 106.50 vá mexendo para aumentar a largura. Ex: 107.

[LeandroNeto]

Ok, obrigado

[Sennior]

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