Alterar Opacidade do Índice Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Alterar Opacidade do Índice

3 participantes

Ir para baixo

Tópico resolvido Alterar Opacidade do Índice

Mensagem por master_victor 25.06.16 4:55

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

Membro desde : 25/06/2016
Mensagens : 6
Pontos : 10

http://fate-extra.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por while 25.06.16 14:46

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por master_victor 25.06.16 16:51

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
master_victor
master_victor
Novo Membro

Membro desde : 25/06/2016
Mensagens : 6
Pontos : 10

http://fate-extra.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por while 27.06.16 22:35

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por master_victor 27.06.16 23:41

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

Membro desde : 25/06/2016
Mensagens : 6
Pontos : 10

http://fate-extra.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por master_victor 30.06.16 1:44

up
master_victor
master_victor
Novo Membro

Membro desde : 25/06/2016
Mensagens : 6
Pontos : 10

http://fate-extra.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por Sennior 30.06.16 13:41

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:
Seta http://prntscr.com/bn0w46

Deseja assim?
Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar Opacidade do Índice

Mensagem por while 05.07.16 16:42

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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