Efeito na barra de navegação

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 : Vários usuários, uns sim e outros não
Problema começou : 14/20/2015
Endereço do fórum : http://fsrequipe.forumeiros.com/

Descrição do problema

Olá, já tinha criado um tópico desse mais não foi resolvido !
Queria saber qual CSS botaram para ficar assim:

Eu queria deixar preto no lugar de azul.
Se poder ajudar agradeço desde já !

Saudações!

Se for apenas o local hover como na imagem, adicione este código no início da tua CSS:

Código:

ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #000000 !important;
color: #FFF
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores > Folha de estilo CSS

Salve!

Até!

OBS: Caso não seja isto que deseja, seja mais específico e diga onde mais o senhor quer adicionar a cor preta.

Edit: ------------------------------------------

Peço desculpas, não havia entendido por completo o que solicitava, mas agora já entendi! Aqui está o código do menu completo para o senhor, tudo na tonalidade preta:

Código:

ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url(http://i.imgur.com/wH7rkbT.png) repeat-x #000000;
border-color: #000000 #000000 #000000;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}
#page-header .navbar ul.navlinks {
border-top: 1px solid #000000;
height: auto;
margin-left: 0;
width: auto;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #000000;
color: #FFF;
}

Se for apenas o efeito hover, adicione o primeiro código acima, mas se desejar o menu por completo, basta adicionar este segundo código acima.

Poderia ser mais específico senhor? Não compreendi.
Os menus já vem de acordo com os que você deseja que apareça.

Se for para deixar todo preto, substitua o código fornecido anteriormente, por este outro:

Código:

ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background-color: black !important;
border-color: #000000 #000000 #000000;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}
#page-header .navbar ul.navlinks {
border-top: 1px solid #000000;
height: auto;
margin-left: 0;
width: auto;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #000000;
color: #FFF;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Até!

Olá,

Veja se é isto que deseja:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.mainmenu:hover{background: none repeat scroll 0 0 #2a2b2b;color: #FFF;}#page-header .navbar {height: 40px!important;}ul.linklist.navlinks > li > a {display: inline-block!important;line-height: 44px!important;position: relative!important;top: -5px!important;}

Atenciosamente,

Ainda não deu :/

Perdão, mas não estou conseguindo compreender o que o senhor solicita. Poderia me explicar melhor amigão?!

Ola, Saudações
Poderia coloca um Templei-te Padrão
Para que posso cria o css do seu menu

Atenção Salve antes o seu Templei-te

É um CSS! O código será este(substitua o anterior por este abaixo):

Código:

#page-header .navbar {
background-color: #000!important;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
#page-header .navbar ul.linklist.navlinks {
border: 10px!important;
font-size: 15px!important;
padding-top: 2px!important;
text-transform: uppercase!important;
}
#page-header .navbar ul.linklist.navlinks a {
color: #fff!important;
font-weight: 400!important;
}
a.mainmenu:hover {
font-size: 15px!important;
text-transform: uppercase!important;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Resulta?

Muito obrigado, deu certo agora só falta o bottons

Saudações!

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

ul.linklist.navlinks > li > a {
display: inline-block!important;
line-height: 44px!important;
position: relative!important;
top: -9px!important;
}
a.mainmenu {
background: white!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Sennior escreveu:Saudações!

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

ul.linklist.navlinks > li > a {
display: inline-block!important;
line-height: 44px!important;
position: relative!important;
top: -9px!important;
}
a.mainmenu {
background: white!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Olá,

Tentei aplicar isto no meu fórum, MAS, os menus não ficaram centralizados e sim apenas ao lado esquerdo...

Saudações!

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

ul.linklist.navlinks > li > a {
display: inline-block!important;
line-height: 44px!important;
position: relative!important;
top: -10px!important;
background: white!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Wow,

Muito obrigado, Sennior! No meu fórum funcionou, desejo que o resultado seja o mesmo no fórum do autor deste tópico.

Muito obrigado.