Opacidade no banner

3 participantes

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

Tópico resolvido Opacidade no banner

Mensagem por Aloyssius G. Salek 15.03.12 3:13

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
Aloyssius G. Salek

Aloyssius G. Salek
**

Masculino
Membro desde : 05/01/2012
Mensagens : 70
Pontos : 136

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

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Opacidade no banner

Mensagem por Roevs 15.03.12 10:58

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;
}
Roevs

Roevs
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade no banner

Mensagem por Aloyssius G. Salek 15.03.12 18:26

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.
Aloyssius G. Salek

Aloyssius G. Salek
**

Masculino
Membro desde : 05/01/2012
Mensagens : 70
Pontos : 136

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

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Opacidade no banner

Mensagem por MateusV. 15.03.12 18:29

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.
MateusV.

MateusV.
Membro Proficiente
Membro Proficiente

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

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

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Opacidade no banner

Mensagem por Roevs 15.03.12 18:55

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; }
Roevs

Roevs
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

Ver perfil do usuário https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade no banner

Mensagem por Aloyssius G. Salek 16.03.12 1:40

O do Mateus funcionou certinho, obrigado aí gente, valeu mesmo. Muito feliz
Aloyssius G. Salek

Aloyssius G. Salek
**

Masculino
Membro desde : 05/01/2012
Mensagens : 70
Pontos : 136

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos