Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Efeito no logo do forum
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito no logo do forum
Qual é minha questão:
Como Colocar Esse Efeito Aqui No Logo, Que Quando TU Passa Mouse Por Cima o Logo Se Aproxima, Igual Desse Forum Aqui:
http://ftd-family.forumeiros.com/forum
Endereço do meu fórum:
http://familywhistle.forumeiros.com
Versão do fórum:
PHPBB3
Como Colocar Esse Efeito Aqui No Logo, Que Quando TU Passa Mouse Por Cima o Logo Se Aproxima, Igual Desse Forum Aqui:
http://ftd-family.forumeiros.com/forum
Endereço do meu fórum:
http://familywhistle.forumeiros.com
Versão do fórum:
PHPBB3
Re: Efeito no logo do forum
tente :
na sua folha css
- Código:
#i_logo:hover {
-moz-opacity: .6;
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transition-duration: .5s;
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transition-duration: 1s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-webkit-transition-duration: 1s;
filter: alpha(opacity=40);
opacity: 1;
transition-duration: 1s;
}
#i_logo {
-moz-opacity: .6;
-moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-moz-transition-duration: .8s;
-o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-o-transition-duration: .8s;
-webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-webkit-transition-duration: .8s;
filter: alpha(opacity=40);
opacity: .6;
transition-duration: .5s;
}
a img {
border: none;
}
img {
border: 0;
}
img[Attributes Style] {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 1px;
margin-bottom: 1px;
}
Inherited from a
a:link:focus, a:link:hover {
text-shadow: -1px 1px 8px #fff, 1px -1px 8px #fff;
}
na sua folha css
Re: Efeito no logo do forum
Olá!
Aceda a Folha de Estilo CSS:
Até mais.
Aceda a Folha de Estilo CSS:
Código:Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
- Código:
#logo img {
-webkit-transition-duration: 1s;
width: 53%;
}
#logo img:hover {
width: 59%;
-webkit-transition-duration: 1s;
}
Até mais.
Re: Efeito no logo do forum
Olá!
Acabo de verificar e o código que eu te passei não foi colocado em seu fórum. Mantenha o código ativo para que eu possa encontrar o erro.
Até mais.
Acabo de verificar e o código que eu te passei não foi colocado em seu fórum. Mantenha o código ativo para que eu possa encontrar o erro.
Até mais.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos