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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Apareceu isso do nada no meu fórum. Como tira?
Hoje à(s) 3:03 por while

» Duvida sobre e-mail de Fundador
Hoje à(s) 2:58 por while

» Loja no fórum
Hoje à(s) 2:40 por while

» Codigo PHP roda em algum widget?
Hoje à(s) 1:55 por viniciussvl

» Perfil do usuário
Hoje à(s) 0:22 por Cepheus

» Sistema de pré-visualizar em HTML
Ontem à(s) 21:52 por Hancki

» Problema nas páginas devido aos anúncios
Ontem à(s) 18:18 por juleic1123

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

Quem está conectado
87 usuários online :: 4 usuários cadastrados, 1 Invisível e 82 Visitantes :: 2 Motores de busca

Nean, Uatyla, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 29 Fev 2016 - 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
Nível 3

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

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

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por .Danni. em Seg 29 Fev 2016 - 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.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5039

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por Noiadofuk em Seg 29 Fev 2016 - 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
Nível 7

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

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

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por Esplendonna em Seg 29 Fev 2016 - 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
Nível 3

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

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

Resolvido Re: Aplicar fundo transparente no menu

Mensagem por Fraise em Seg 29 Fev 2016 - 23:32

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

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7057

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5