Fundo transparente - menu navegação

3 participantes

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

Tópico resolvido Fundo transparente - menu navegação

Mensagem por lRedl 23.03.13 18:12

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:
Fundo transparente - menu navegação Semtiacutetulo_zpsf66abec4

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


Última edição por lRedl em 23.03.13 18:40, editado 2 vez(es)
lRedl

lRedl
Novo Membro

Membro desde : 23/03/2013
Mensagens : 3
Pontos : 5

http://greatwarriors.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo transparente - menu navegação

Mensagem por Convidado 23.03.13 18:18

Fundo transparente - menu navegação Logo
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 18:35, editado 1 vez(es)
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo transparente - menu navegação

Mensagem por Ted 23.03.13 18:19

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

Ted
***

Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145

http://universal.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo transparente - menu navegação

Mensagem por lRedl 23.03.13 18:28

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

lRedl
Novo Membro

Membro desde : 23/03/2013
Mensagens : 3
Pontos : 5

http://greatwarriors.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo transparente - menu navegação

Mensagem por Gmtp 23.03.13 18:32

Olá -lRedl.

Fundo transparente - menu navegação Logo
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.
Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo transparente - menu navegação

Mensagem por Convidado 23.03.13 18:35

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

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo transparente - menu navegação

Mensagem por lRedl 23.03.13 18:39

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

E obrigado pelas boas vindas. Rindo
lRedl

lRedl
Novo Membro

Membro desde : 23/03/2013
Mensagens : 3
Pontos : 5

http://greatwarriors.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos