Aplicar fundo transparente no menu

4 participantes

Ir para baixo

Tópico resolvido Aplicar fundo transparente no menu

Mensagem por Esplendonna 29.02.16 1:54

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;
}
  
Esplendonna
Esplendonna
Novo Membro

Membro desde : 23/02/2016
Mensagens : 16
Pontos : 25

http://covenanthouse.do-talk.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar fundo transparente no menu

Mensagem por .Danni. 29.02.16 3:03

Boa noite,

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

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar fundo transparente no menu

Mensagem por Noiadofuk 29.02.16 3:49

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
Noiadofuk
Noiadofuk
**

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

http://brasilplaylife-samp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar fundo transparente no menu

Mensagem por Esplendonna 29.02.16 12:42

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.
Esplendonna
Esplendonna
Novo Membro

Membro desde : 23/02/2016
Mensagens : 16
Pontos : 25

http://covenanthouse.do-talk.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar fundo transparente no menu

Mensagem por Fraise 29.02.16 23:32

Aplicar fundo transparente no menu Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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