Imagens estão opacas

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

Resolvido Imagens estão opacas

Mensagem por Lancer91 em 04/10/17, 05:47 pm

Detalhes da questão


Endereço do fórum: http://tailsoffate.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Desculpem estar a chatear outra vez, mas.... :S

Acontece que reparei que as imagens que meto no meu forum estão transparentes. :S

https://i11.servimg.com/u/f11/19/78/35/54/captur12.jpg

Como podem ver na imagem, eu tenho uma tela preta opaca, e eu queria que ela ficasse só por cima da imagem de fundo. Mas ela esta por cima de todo o forum ( imagem e categorias também. )

Como é que eu faço para por-la só por cima da imagem de fundo?

O codigo que usei para a fazer é este:

Código:
wrap {
background-color: #000000;
opacity:0.8;
 -moz-opacity: 0.8;
filter: alpha(opacity=8);
 }

Mais uma vez obrigado e peço desculpa por estar a chatear outra vez. :S
avatar

Lancer91
Nível 3

Masculino
Inscrito dia : 01/10/2017
Mensagens : 18
Pontos Ativos : 24

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens estão opacas

Mensagem por AlexG em 04/10/17, 06:03 pm

Olá!

Troque o seu código por este:
Código:
wrap {
background-color: rgba(0,0,0,0.8);
 }
e salve!

Até! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 237
Pontos Ativos : 401

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens estão opacas

Mensagem por Lancer91 em 04/10/17, 06:33 pm

avatar

Lancer91
Nível 3

Masculino
Inscrito dia : 01/10/2017
Mensagens : 18
Pontos Ativos : 24

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens estão opacas

Mensagem por Luiz em 04/10/17, 06:39 pm

Seu CSS tem alguns errinhos. Pode colar aqui, por favor, toda sua folha de estilos? o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens estão opacas

Mensagem por AlexG em 04/10/17, 06:40 pm

Olá.

Pois então, coloque este código e apague o que passei a cima:
Código:
#wrap {
    background-color: rgba(0,0,0,0.8)!important;
    border: 1px solid #283747;
    font-size: 1.3rem;
    margin: 0 auto;
    max-width: 1400px;
    padding: 24px 36px;
    width: 96%;
}

Até! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 237
Pontos Ativos : 401

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens estão opacas

Mensagem por Lancer91 em 04/10/17, 06:47 pm

Já está a tela. agora ta tudo bem. XD

Anyway, Luiz a unica coisa que tenho no meu CSSé isto:

Código:

a.mainmenu[href="/faq"]{
display: none !important;
}

.introduction .h3, .module .h3, .postbody .h3 {
background-image: url("https://i11.servimg.com/u/f11/19/19/93/52/barra17.png");
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
text-align: center;
}


#wrap {
    background-color: rgba(0,0,0,0.8)!important;
    border: 1px solid #283747;
    font-size: 1.3rem;
    margin: 0 auto;
    max-width: 1400px;
    padding: 24px 36px;
    width: 96%;
}

Eu desde que começei o forum com esta versão tenho andando a notar algumas coisas estranhas como por exemplo, as imagens post novos, velhos ou bloqueados não ficarem maiores que a imagem que mostrei. Mas o caso das imagem não me importa.

de qualquer maneira se houver algum erro, agradeço que me avises sff. Piscada
avatar

Lancer91
Nível 3

Masculino
Inscrito dia : 01/10/2017
Mensagens : 18
Pontos Ativos : 24

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens estão opacas

Mensagem por Kyo Panda em 05/10/17, 09:02 am

Como podem ver na imagem, eu tenho uma tela preta opaca, e eu queria que ela ficasse só por cima da imagem de fundo. Mas ela esta por cima de todo o forum ( imagem e categorias também. )

Pelo que pude ver, ela não está por cima do fórum todo. As categorias e imagem não possuem um fundo, por isso elas aparentam estar com o mesmo fundo translúcido. Se desejar, podemos adicionar cores de fundo às categorias e imagem do rodapé.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagens estão opacas

Mensagem por Lancer91 em 05/10/17, 09:22 am

Não é preciso. o Codigo que o AlexG me deu, resolveu o problema. XD

Apenas colocai o codigo que tinha por o Luiz disse que podia ter erros e era para confirmar. Mas como ele não disse nada ate agora e ainda não encontrei mais problemas com o forum, por mim podem fechar.

Obrigado a todos. Piscada
avatar

Lancer91
Nível 3

Masculino
Inscrito dia : 01/10/2017
Mensagens : 18
Pontos Ativos : 24

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens estão opacas

Mensagem por Kyo Panda em 05/10/17, 09:26 am

Yep. O código não possui problemas. Feliz

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

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