Fundo transparente - menu navegação

Qual é minha questão:
Olá, minha primeira dúvida e espero ser a penúltima.

Gostaria de deixar o fundo transparente do menu de navegação, para aparecer o background (aquela parte de faq - mensagem privada - etc..) 

Segue imagem:


Olhei cores, imagens de fundo, menu de navegação, além de tópicos aqui e não achei nada que funcionou para meu caso, então peço desculpas se é uma solicitação já feita por alguém.

E um obrigado antecipado a quem se dispuser a ajudar.

Segue código CSS:

#wrap {
width: 950px;
background-color: transparent;
}
#page-header .navbar {
background-image: url('https://2img.net/r/ihimizer/img340/9869/38351604.png');
background-position: center top;
background-color: #000000;
background-repeat: repeat-x;
height: 29px; 
font-size: 9px;
font-weight: normal;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#page-header .navbar ul.linklist li a {
font-size: 9px;
font-weight: normal;
}
#page-header #search-box {
display: none;
}
ul.navlinks {
border: none;
}
div.table-title h2 {
font-weight: bold;
text-align: center;
}
introduction, .panel, .post {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#fa_ticker_block, #fa_ticker_container, #fa_ticker, #fa_ticker_content, #fa_ticker_block div.module div.inner, #fa_ticker_block div.module div.inner div {
background-color: transparent;
}
#page-footer .navbar {
background-color: transparent;
}
div.module {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
div.module h3, div.module .h3 {
text-align: center !important;
}
p.center {
background-color: transparent;
}
li.row {
background-color: #0e242a;
}
.forumbg, .forabg {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #72818a;
}
ul.linklist {
margin-top: -2px;
}
/*alinhar os ícones de mensagem à direita*/
.postbody ul.profile-icons {margin-right: 0px;}
/*união dos ícones de mensagem*/
.postbody ul.profile-icons li {margin: 0 0px;}
div#logostrip {
background-image:url(LINK);
}
div.maintitle {
background-image:url(LINK);
}

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

Versão do fórum:
PHPBB3

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá querido!

Acenda sua "Exibir apenas as imagens no menu de navegação"
Painel de controle -> Visualização ->Página inicial -> Cabeçalho & Navegação
Procura por Exibir apenas as imagens no menu de navegação : Marque sim.
Salvar.

Até.

Código:

#wrap {
width: 950px;
background-color: transparent;
}
#page-header .navbar {
background-image: url('http://img340.imageshack.us/img340/9869/38351604.png');
background-position: center top;
background-color: #000000;
background-repeat: repeat-x;
height: 29px;
font-size: 9px;
font-weight: normal;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#page-header .navbar ul.linklist li a {
font-size: 9px;
font-weight: normal;
}
#page-header #search-box {
display: none;
}
ul.navlinks {
border: none;
}
div.table-title h2 {
font-weight: bold;
text-align: center;
}
introduction, .panel, .post {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#fa_ticker_block, #fa_ticker_container, #fa_ticker, #fa_ticker_content, #fa_ticker_block div.module div.inner, #fa_ticker_block div.module div.inner div {
background-color: transparent;
}
#page-footer .navbar {
background-color: transparent;
}
div.module {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
div.module h3, div.module .h3 {
text-align: center !important;
}
p.center {
background-color: transparent;
}
li.row {
background-color: transparent;
}
.forumbg, .forabg {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #72818a;
}
ul.linklist {
margin-top: -2px;
}
/*alinhar os ícones de mensagem à direita*/
.postbody ul.profile-icons {margin-right: 0px;}
/*união dos ícones de mensagem*/
.postbody ul.profile-icons li {margin: 0 0px;}
div#logostrip {
background-image:url(LINK);
}
div.maintitle {
background-image:url(LINK);
}

teste o cod acima !

Oi Pablo, já tinha feito isso sem resultados para a cor preta de fundo.

Oi Ted, o código deixou transparente as caixas das categorias, mas o fundo do menu de navegação continua preto como a noite.

Mas obrigado pelas dicas.

Olá -lRedl.

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Bem-vindo à nossa comunidade!!!


Troque seu código por este :

Código:

#wrap {
width: 950px;
background-color: transparent;
}
#page-header .navbar {
background-image: url('http://img340.imageshack.us/img340/9869/38351604.png');
background-position: center top;
background-color: transparent;
background-repeat: repeat-x;
height: 29px;
font-size: 9px;
font-weight: normal;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#page-header .navbar ul.linklist li a {
font-size: 9px;
font-weight: normal;
}
#page-header #search-box {
display: none;
}
ul.navlinks {
border: none;
}
div.table-title h2 {
font-weight: bold;
text-align: center;
}
introduction, .panel, .post {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#fa_ticker_block, #fa_ticker_container, #fa_ticker, #fa_ticker_content, #fa_ticker_block div.module div.inner, #fa_ticker_block div.module div.inner div {
background-color: transparent;
}
#page-footer .navbar {
background-color: transparent;
}
div.module {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
div.module h3, div.module .h3 {
text-align: center !important;
}
p.center {
background-color: transparent;
}
li.row {
background-color: transparent;
}
.forumbg, .forabg {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #72818a;
}
ul.linklist {
margin-top: -2px;
}
/*alinhar os ícones de mensagem à direita*/
.postbody ul.profile-icons {margin-right: 0px;}
/*união dos ícones de mensagem*/
.postbody ul.profile-icons li {margin: 0 0px;}
div#logostrip {
background-image:url(LINK);
}
div.maintitle {
background-image:url(LINK);
}

Até mais.

Olá querido!

Troque sua CSS por este

Código:

#wrap {
width: 950px;
background-color: transparent;
}
#page-header .navbar {
background-position: center top;
background-color: transparent;
background-repeat: repeat-x;
height: 29px;
font-size: 9px;
font-weight: normal;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#page-header .navbar ul.linklist li a {
font-size: 9px;
font-weight: normal;
}
#page-header #search-box {
display: none;
}
ul.navlinks {
border: none;
}
div.table-title h2 {
font-weight: bold;
text-align: center;
}
introduction, .panel, .post {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#fa_ticker_block, #fa_ticker_container, #fa_ticker, #fa_ticker_content, #fa_ticker_block div.module div.inner, #fa_ticker_block div.module div.inner div {
background-color: transparent;
}
#page-footer .navbar {
background-color: transparent;
}
div.module {
background-color: transparent;
border: 1px solid #72818a;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
div.module h3, div.module .h3 {
text-align: center !important;
}
p.center {
background-color: transparent;
}
li.row {
background-color: #0e242a;
}
.forumbg, .forabg {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #72818a;
}
ul.linklist {
margin-top: -2px;
}
/*alinhar os ícones de mensagem à direita*/
.postbody ul.profile-icons {margin-right: 0px;}
/*união dos ícones de mensagem*/
.postbody ul.profile-icons li {margin: 0 0px;}
div#logostrip {
background-image:url(LINK);
}
div.maintitle {
background-image:url(LINK);
}

Até.

GMTP e Pablo, obrigado pelas dicas, ambos funcionaram. Bah, vocês são demais. *-*

E obrigado pelas boas vindas.