Detalhes da questão

Endereço do fórum: http://fate-extra.forumeiros.com/
Versão do fórum: Invision

Descrição

Atualmente meu fórum se encontra assim: https://i.imgur.com/TuozGJK.png
Eu quero alcançar um efeito parecido com este: https://i.imgur.com/qMrJuwd.png

Pra isso eu gostaria de saber como alterar a opacidade das áreas afetadas ali: fundo do índice, fundo das mensagens, fundo da caixa de avatar, etc.

Olá adicione esse código em sua folha de estilo css:

Código:

#main-content, #userlinks.not-connected, #userlinks{opacity:0.6}

Assim que gostarias? Até mais.

O código funcionou, mas parece que ele não só altera a opacidade do fundo como do fórum inteiro, incluindo o texto, as imagens, os avatares, etc.

Eu posso usar ele com o valor de 0.7 sem ter um impacto muito grande para notar, mas eu preferia que apenas alterasse a opacidade do fundo do índice e das mensagens.

Eu procurei no painel de cores e encontrei o que exatamente eu quero alterar a opacidade.
São essas cores aqui: https://i.imgur.com/b4vwKfO.png

Olá, não entendi, como assim ?
Não vejo opacidade nos textos e nas imagens. Apenas deixei opacidade nos itens que você tinha pedido.

"fundo do índice, fundo das mensagens, fundo da caixa de avatar, etc."

Até mais.

Eu dei uma olhada em como funciona o código opacity e vi que é 1 = opaco e 0 = transparente
Então eu tirei dois prints para você ver o que está acontecendo.

Opacidade em 1 -> https://i.imgur.com/HTtJoz9.png
Opacidade em 0.1 -> https://i.imgur.com/VUZRb0E.png

Atualmente eu coloquei o fórum com 0.7 de opacidade, mas eu queria saber se existe outro jeito de alterar a opacidade das cores do fundo, pois esse código está tornando praticamente todo o fórum transparente e não só o fundo como eu queria.

up

Boas!

Porque que ao invés de usar a propriedade opacity, não usa a cor mesmo só que com opacidade?
Coloque este código em teu CSS:

Código:

.post {
    background-color: rgba(28, 28, 28, 0.22)!important;
}.post-footer {
    background-color: rgba(28, 28, 28, 0.22)!important;
    border-top: 1px solid rgba(28, 28, 28, 0.22)!important;
    clear: both;
}.post .post-header {
    background-color: rgba(28, 28, 28, 0.22);
}

Ao colocar este código, apenas o post ficara com a cor opaca, assim:
http://prntscr.com/bn0w46

Deseja assim?
Até mais.