Opacidade no banner

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

Resolvido Opacidade no banner

Mensagem por Aloyssius G. Salek em 15/03/12, 12:13 am

Qual é minha questão:
Olá, gostaria de saber como faço para colocar uma opacidade no banner, que quando você passa o mouse em cima dele fica claro e quanto tira fica escuro.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
http://masterforum.forumfacil.net/ << Igual dessa fórum

Endereço do meu fórum:
www.arestomomentum.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

Aloyssius G. Salek
Nível 6

Masculino
Inscrito dia : 05/01/2012
Mensagens : 70
Pontos Ativos : 136

Ver perfil do usuário http://www.vira-tempo.forumeiros.com/

Resolvido Re: Opacidade no banner

Mensagem por iPrompt em 15/03/12, 07:58 am

Bom o fórum e meu estarei passando o código


Adiciona ele em seu CSS
Código:
#logo{
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
#logo:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Opacidade no banner

Mensagem por Aloyssius G. Salek em 15/03/12, 03:26 pm

Não deu certo, acho que é por causa da versão, o meu é PhpBB2 e o seu é PhpBB3, D:
Mas de qualquer forma, valeu pela tentativa, Coper \o Curti teu fórum.
avatar

Aloyssius G. Salek
Nível 6

Masculino
Inscrito dia : 05/01/2012
Mensagens : 70
Pontos Ativos : 136

Ver perfil do usuário http://www.vira-tempo.forumeiros.com/

Resolvido Re: Opacidade no banner

Mensagem por MateusV. em 15/03/12, 03:29 pm

Olá, substitua o codigo por este
Código:
#i_logo{
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
#i_logo:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Opacidade no banner

Mensagem por iPrompt em 15/03/12, 03:55 pm

Se o código do mateus não der certo tente este

Código:
tbody {
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
tbody :hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}

Ou este

Código:
table[width=100%] {
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
table[width=100%]:hover{
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}

Ou este

Código:
#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8; }
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Opacidade no banner

Mensagem por Aloyssius G. Salek em 15/03/12, 10:40 pm

O do Mateus funcionou certinho, obrigado aí gente, valeu mesmo. Muito feliz
avatar

Aloyssius G. Salek
Nível 6

Masculino
Inscrito dia : 05/01/2012
Mensagens : 70
Pontos Ativos : 136

Ver perfil do usuário http://www.vira-tempo.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