Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Gaaratsu
 
Thiago
 
Koizumi Bia
 

Quem está conectado
225 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 225 Visitantes :: 3 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Aplicar fundo transparente no menu

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

Resolvido Aplicar fundo transparente no menu

Mensagem por Esplendonna em 28/02/16, 10:54 pm

Detalhes da questão


Endereço do fórum: http://covenanthouse.do-talk.com/forum
Versão do fórum: PunBB

Descrição


Olá de novo. Queria saber se dá pra deixar esse menu da imagem em spoiler, transparente.

Spoiler:

Um exemplo de como quero o meu só que mais transparente e na cor preta mesmo:

Spoiler:

Não consegui adaptar aqui no meu código usando rgb e os 4 números (foi como aprendi no curso).

Ficarei imensamente grata em quem se dispor a ajudar

Meu Css caso precise:

Código:
body {
  background: #cbd2d4!important; //*fundo*//
}
    
a {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none!important;
  color: #000000!important; //*cor letras menu topo, tops, letras dos icones lá embaixo*//
}
.pun {
  width: 1000px;
  background: #a5adaf!important; //*fundo principal do fórum*//
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;
}
#pun-title {
  display: none!important;
}
#main-content {
  padding: 0 15px;
}
.pun .main-content {
  border: none!important;
}
.main .main-foot, .main .main-head {
  padding: 10px;
  background: url("https://i.imgur.com/iHREwrX.png") no-repeat; //*títulos das categorias*//
}
.pun .paged-foot, .pun .paged-head {
  margin: 10px 0;
  background: none !important;
  border: 1px #000000 /*none*/!important;
}
.paged-head h1 {
  color: #000000!important; //*título dentro do tópico*//
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding: 10px;
}
#pun-visit, .main-box {
  color: #000000!important; //*título tmb, ultima vez logado*//
  background: transparent!important;
  border: none!important;
}
.main-box li a {
  color: #000000!important; //*cor dos títulos*//
}
a.forumtitle {
  color: #000000!important; //*titulo forum*//
}
a.topictitle {
  color: #000000!important; //*titulo tópico*//
}
.pun table .tcr a {
  color: #000000!important; //*ainda não sei*//
}
/*a.gensmall {
  color: none !important; //*legenda grupos no rodapé*//
}
#pun-legend li {
  color: none!important; //*link novo, velho e block*//
}
.pun-legend li {
  color: none !important; //* quero saber*//
}
.pun .postmain {
  background: #CBD2D4!important; //*fundo post no tópico*//
  border-left: 1px dotted #ffffff; //*borda lateral dos posts nos tópicos)*//
}
.pun .posthead {
  background: #CBD2D4!important; //*fundo horário e título nos tópicos*//
  border-bottom: none /*3px dotted ##abb1b1*/!important;
}
.pun .topic {
  background: #CBD2D4!important; //*fundo perfil nos tópicos*//
}
.postfoot {
  background: none /*#dedbdb*/!important; //*fundo onde ficam icones embaixo do tópico e do perfil*//
  border-top: 1px dotted #ffffff !important; //*3px solid #ffffff!important; borda nos tópicos 2*//
  margin-left: 1!important;
}
.pun .post {
  border: none !important; //*NÃO MEXER*//
}
#profile-advanced-details .main-content { //*teste*//
  background: #cbd2d4!important;
}
#profile-advanced-right .main-content {
   background: #cbd2d4!important;
}
#tabs ul li a {
  border: none!important;
  background: #a5adaf!important; //*menus.*//
}
#profile-advanced-details div.separator {
  border-bottom: 1px dotted #000000; //*rodapé*//
}
#pun-announcement {
  background: transparent!important;
  border: none!important;
}
.pun table.table th {
  background: #000000; //*fundo da separação entre forum e categoria*//
  color: #ffffff; //* titulos nas categorias*//
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
}
.pun table.table td {
  background: #cbd2d4; //*cbd2d4 cor das categorias no forum*//
  border: 1px solid #abb1b1; //*bordas das categorias*//
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background: #cbd2d4; //*categorias no meio do forum*//
}
.pun h2 {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #000000; //*horário do tópico*//
  letter-spacing: 1;
}
#stats, #onlinelist {
  background: #cbd2d4; //*back dos dados do fórum perto do rodapé*//
  border-color: #ffffff;
}
#pun-intro {
  height: 200px;
  padding: 0!important;
  background: url("http://i.imgur.com/zeGTmeV.png") no-repeat; //*logo principal*//
  border-bottom: none!important;
}
#pun-navlinks {
  background: #000000!important; /*menu topo*/
  margin: 0!important;
}
#pun-navlinks ul {
  text-align: center;
  padding: 10px 5px;
  /*border-width: 1px 1px 1px 1px;
  border-style: dashed;*/
  border-color: #FEEEDE;
  border-radius: /*5px;*/
}
#pun-navlinks li a {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FEEEDE!important;
}
#pun-navlinks li a:hover { /*menu principal*/
  color: #fff!important;
}
#pun-about {
  background: none!important;
  border: none!important;
}
#pun-foot {
  height: 150px;
  background: url("http://i.imgur.com/9U9MOBP.png") no-repeat;
}
#qjump {
  display: none!important;
}
  
avatar

Esplendonna
Nível 3

Feminino
Inscrito dia : 23/02/2016
Mensagens : 16
Pontos Ativos : 25

Ver perfil do usuário http://covenanthouse.do-talk.com/

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por .Danni. em 29/02/16, 12:03 am

Boa noite,

Altere isso no seu CSS
Código:
#pun-navlinks {
    background: rgba(0, 0, 0, 0.36) !important;
    margin: 0!important;
}
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por Noiadofuk em 29/02/16, 12:49 am

Adicione esse codigo CSS em sua folha de estilo:

Código:
#pun-head #pun-navlinks {background: rgba(28,34,40,0.92);opacity: .54}

não vai ficar tao igual, até porque eu não utilizei imagens, pra que fique igual, seria bom uma imagem de fundo com 1x1.. mas fico parecido
avatar

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 137

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por Esplendonna em 29/02/16, 09:42 am

Nenhum deles funciona aqui...

Terá que ser imagem mesmo?

Edit:

Eu tive que usar imagem mesmo e pelo Css deu certo.

Obrigada pela ajuda de vcs, mas nem precisei do código rgb e sim por url no lugar.
avatar

Esplendonna
Nível 3

Feminino
Inscrito dia : 23/02/2016
Mensagens : 16
Pontos Ativos : 25

Ver perfil do usuário http://covenanthouse.do-talk.com/

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por Fraise em 29/02/16, 08:32 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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


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