Efeito no menu com hover

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 : Somente comigo
Problema começou : //
Endereço do fórum : http://forumdocastiel.forumeiros.com/

Descrição do problema

Então gostaria de saber se vocês tem algum cogico com esse menu exatamente ingual, tipo eu tenho um quase ingual, mas só que a parte preta só aparece envolta a letra e nao aquele quadradinho certinho e a lateral ta bugada ! =/
olha ai o meu como ta, eu queria um ingual aquele la emcima !


vlw abraços <3

Saudações!

Adicione no início da tua CSS:

Código:

#page-header .navbar ul.navlinks {
border-top: 1px solid #155d98;
height: auto;
margin-left: 0;
width: auto;
}
.inner .linklist.navlinks {
padding-right: 9px!important;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
#page-header .navbar {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_nav.png) repeat-x top center #Fafafa!important;
padding: 0!important;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #155d98;
color: #FFF;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 10px;
text-decoration: none;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

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

Até!

Tem uma tipo a minha não manolo? azul não vai combina com a cor e tals ! queria uma simples ingual aquela outra . ;/

Neste caso, exclua o código fornecido e vamos as edições do teu menu!

Código:

Código:

.navbar span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom span, .navbar span.corners-top span {
display: none !important;
}
ul.navlinks {
border-radius: none !important;
}
#page-header .navbar ul.navlinks {
border-top: 1px solid #000;
height: auto;
margin-left: -15px;
width: 1219px;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
a.mainmenu {
color: black !important;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #1A6600;
color: white !important;
}

Seria isto?

Até!

Neste caso seu menu ficou muito top e meu like já foi dado !