[Tutorial] Imagens dos Sub-fóruns com opacidade
Página 1 de 1 • Compartilhe
Informações:
Autor: While
Funcionalidade: Todas as versões
Acesse:
E Adicione esse código:Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo CSS
PhpBB3:
- Código:
dd.dterm img {
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
dd.dterm:hover img {
filter:alpha(opacity=100);
opacity:1;
-moz-opacity:1;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
PunBB:
- Código:
td.tcl img {
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
td.tcl:hover img {
filter:alpha(opacity=100);
opacity:1;
-moz-opacity:1;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
PhpBB2:
- Código:
td.row1 img {
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
td.row1:hover img {
filter:alpha(opacity=100);
opacity:1;
-moz-opacity:1;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
Invision:
- Código:
td.row2 img {
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
td.row2:hover img {
filter:alpha(opacity=100);
opacity:1;
-moz-opacity:1;
transition: all 1s ;
-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-o-transition: all 1s ;
}
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|