Opacidade nas barras laterais Hitskin_logo Hitskin.com

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

Opacidade nas barras laterais

2 participantes

Ir para baixo

Tópico resolvido Opacidade nas barras laterais

Mensagem por Aglaeh Sáb 17 Nov 2012 - 19:03

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: Opacidade nas barras laterais 316vkb9


Última edição por Aglaeh em Sáb 17 Nov 2012 - 20:29, editado 1 vez(es)
Aglaeh
Aglaeh
Novo Membro

Membro desde : 17/11/2012
Mensagens : 19
Pontos : 29

http://vennyr-rpg.forumeiros.com/ https://facebook.com/aloyssius.salek/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas barras laterais

Mensagem por seender Sáb 17 Nov 2012 - 19:24

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas barras laterais

Mensagem por Aglaeh Sáb 17 Nov 2012 - 20:10

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: https://2img.net/h/oi49.tinypic.com/2ue1weg.png

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

Membro desde : 17/11/2012
Mensagens : 19
Pontos : 29

http://vennyr-rpg.forumeiros.com/ https://facebook.com/aloyssius.salek/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas barras laterais

Mensagem por seender Sáb 17 Nov 2012 - 20:16

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas barras laterais

Mensagem por Aglaeh Sáb 17 Nov 2012 - 20:29

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

Membro desde : 17/11/2012
Mensagens : 19
Pontos : 29

http://vennyr-rpg.forumeiros.com/ https://facebook.com/aloyssius.salek/

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