Opacidade nas barras laterais

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

Resolvido Opacidade nas barras laterais

Mensagem por Aglaeh em 17/11/12, 07:03 pm

Boa noite a todos Feliz

Gostaria de saber como faço para aplicar um efeito de opacidade nas bordas laterais de meu fórum (wrap), conforme mostrado na imagem abaixo. Gostaria de deixar essas mesmas bordas na cor preta (#000000) e com opacidade em torno de 50%, de modo com que elas se "confundam" com o plano de fundo, há algum modo?
Abaixo estão os códigos utilizados nas bordas laterais, caso seja necessário:

Código:
#wrap {
    border-left: 20px solid #363636;
    border-right: 20px solid #363636;
    box-shadow: 0 0 20px #000000;
    margin-bottom: -10px;
    margin-top: -20px;
    border-radius: 10px 10px 10px 10px;
    max-width: 1100px;
    min-width: 1100px;
    padding: 5px;
}
#wrap {
    background-color: #000000;
    margin: 0 auto;
    min-width: 768px;
    padding: 5px;
    width: 98%;
}


Fórum: http://twhour.forumeiros.com/ (phpBB 3)

Imagens do problema:


Última edição por Aglaeh em 17/11/12, 08:29 pm, editado 1 vez(es)
avatar

Aglaeh
Nível 3

Masculino
Inscrito dia : 17/11/2012
Mensagens : 19
Pontos Ativos : 29

Ver perfil do usuário http://vennyr-rpg.forumeiros.com/ http://facebook.com/aloyssius.salek/

Resolvido Re: Opacidade nas barras laterais

Mensagem por seender em 17/11/12, 07:24 pm

Olá!

Utilize este código:
Código:
#wrap{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Opacidade nas barras laterais

Mensagem por Aglaeh em 17/11/12, 08:10 pm

Olá, seender !

Coloquei o código que você me enviou na folha de estilo CSS e funcionou perfeitamente, exceto por um pequeno erro. O fórum todo ficou transparente, e não apenas as barras laterais, veja: http://i49.tinypic.com/2ue1weg.png

Tem como consertar isso? Se não tiver, pode deixar assim mesmo, Mostrando a lingua
avatar

Aglaeh
Nível 3

Masculino
Inscrito dia : 17/11/2012
Mensagens : 19
Pontos Ativos : 29

Ver perfil do usuário http://vennyr-rpg.forumeiros.com/ http://facebook.com/aloyssius.salek/

Resolvido Re: Opacidade nas barras laterais

Mensagem por seender em 17/11/12, 08:16 pm

Olá!

Há sim, não há como somente a barra ficar transparente, ela é apenas uma adição a classe wrap, usou-se a propriedade border para cria-la, portanto, só há como atribuir a opacidade a uma classe definida, que seja pelo menos uma tag que envolva o local.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Opacidade nas barras laterais

Mensagem por Aglaeh em 17/11/12, 08:29 pm

Então deixe de lado, vou deixar a borda do jeito que está mesmo Feliz
Agradeço a ajuda, de qualquer modo Muito feliz

-- RESOLVIDO
avatar

Aglaeh
Nível 3

Masculino
Inscrito dia : 17/11/2012
Mensagens : 19
Pontos Ativos : 29

Ver perfil do usuário http://vennyr-rpg.forumeiros.com/ http://facebook.com/aloyssius.salek/

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