Fundo transparente - menu navegação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Fundo transparente - menu navegação

Mensagem por lRedl em 23/03/13, 03:12 pm

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('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: #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


Última edição por lRedl em 23/03/13, 03:40 pm, editado 2 vez(es)
avatar

lRedl
Nível 1

Masculino
Inscrito dia : 23/03/2013
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://greatwarriors.forumeiros.com

Resolvido Re: Fundo transparente - menu navegação

Mensagem por Convidado em 23/03/13, 03:18 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Olá querido! Eu amo você

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é.


Última edição por PabloW. em 23/03/13, 03:35 pm, editado 1 vez(es)

Convidado
Convidado


Resolvido Re: Fundo transparente - menu navegação

Mensagem por Ted em 23/03/13, 03:19 pm

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 !
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Fundo transparente - menu navegação

Mensagem por lRedl em 23/03/13, 03:28 pm

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.
avatar

lRedl
Nível 1

Masculino
Inscrito dia : 23/03/2013
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://greatwarriors.forumeiros.com

Resolvido Re: Fundo transparente - menu navegação

Mensagem por Gmtp em 23/03/13, 03:32 pm

Olá -lRedl.

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

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.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Fundo transparente - menu navegação

Mensagem por Convidado em 23/03/13, 03:35 pm

Olá querido! Eu amo você

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é.

Convidado
Convidado


Resolvido Re: Fundo transparente - menu navegação

Mensagem por lRedl em 23/03/13, 03:39 pm

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

E obrigado pelas boas vindas. Rindo
avatar

lRedl
Nível 1

Masculino
Inscrito dia : 23/03/2013
Mensagens : 3
Pontos Ativos : 5

Ver perfil do usuário http://greatwarriors.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum