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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Ficha de personagem "invisível"
Hoje à(s) 08:39 pm por Glauco Vitorino

» Modificação do nome dos usuários
Hoje à(s) 08:31 pm por Yeshua

» Avatar Gif
Hoje à(s) 08:30 pm por Yeshua

» Sobre o portal
Hoje à(s) 05:32 pm por Kyo Panda

» Como que adiciono Scritp's no Fórum
Hoje à(s) 02:59 pm por Luiz

» [DÚVIDA] Gerador de formulários 2.0
Hoje à(s) 02:49 pm por Luiz

» Como mudar esta imagem
Hoje à(s) 02:33 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
CAI0
 

Quem está conectado
293 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 288 Visitantes :: 2 Motores de busca

Glauco Vitorino, Luiz, Tiger, Yeshua, ZombieW

[ 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

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

http://castelobruxo.tk https://www.facebook.com/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

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

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

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