Menu com fundo personalizado

Qual é minha questão:


Meu menu ta assim acima /\


Quero deixar assim abaixo:


Vi isso em:
http://designapocalipse.forumeiros.com/forum

Endereço do meu fórum:
http://entinitygaming.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Use:

Código:

#page-header .navbar {
  background-color: transparent !important;
  background: url('http://i.imgur.com/xiqqi.png') !important;
  background-repeat: repeat-x !important;
  background-attachment: scroll !important;
  background-position: center top !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto auto !important;
  width: 99.3% !important !important;
}

Resultado: http://prntscr.com/2ujw22

Hancki

É pra eu colocar esse codigo na css?
@edit

Certo, só que a linha azul no menu ta muito grossa, teria como deixa-la fina?

Use mais este:

Código:

#page-header div.navbar {
border-top: none !important;
}

Hancki

aqui funcionou teria como juntar o banner com o menu pq tipo fica uma linha branca separando

Olá,

Adicione em sua folha CSS:

Código:


#page-header .navbar ul.linklist.navlinks {
margin-top: -21px!important;
}


Vale ressaltar que essa linha branca que você se refere, em meu navegador não aparece, somente quando modifico o zoom - Aparentemente vai depender da resolução de cada computador.

Alex