Perfil nas postagens
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
Perfil nas postagens
Bem, meu problema é o seguinte:
Eu encontrei um script para usar em meu fórum que o avatar fica opaco e quando passa o mouse sobre ele, ele volta ao normal. O mesmo efeito para os botões de resposta (Editar, Citar, Excluir).
Só que eles só voltam a cor normal quando passa o mouse em cima deles, eu gostaria que voltasse a cor normal quando passasse o mouse por qualquer lugar do post do membro, para verem como está o efeito em meu fórum, acessem:
Transformice BR.
Olhem um exemplo do que eu quero:
Fórum: http://brasilplayvicio-rpg.forumeiros.com/forum
Aqui está o CSS usado:
Endereço do meu fórum: http://transformicebr.ativoforum.com/ (phpBB 3)
Eu encontrei um script para usar em meu fórum que o avatar fica opaco e quando passa o mouse sobre ele, ele volta ao normal. O mesmo efeito para os botões de resposta (Editar, Citar, Excluir).
Só que eles só voltam a cor normal quando passa o mouse em cima deles, eu gostaria que voltasse a cor normal quando passasse o mouse por qualquer lugar do post do membro, para verem como está o efeito em meu fórum, acessem:
Transformice BR.
Olhem um exemplo do que eu quero:
Fórum: http://brasilplayvicio-rpg.forumeiros.com/forum
Aqui está o CSS usado:
Obrigado!/* Efeito de opacidade (avatar e botões de resposta) */
.postprofile a img{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.postprofile a img:hover {
opacity: 1;
}
.profile-icons{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.profile-icons:hover {
opacity: 1;
}
/* Fim do efeito de opacidade (avatar e botões de resposta) */
Endereço do meu fórum: http://transformicebr.ativoforum.com/ (phpBB 3)
Última edição por Yunnoh em 16.11.12 0:29, editado 1 vez(es)
Re: Perfil nas postagens
Olá querida,
Troque teu código pelo abaixo:
Abraços.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Troque teu código pelo abaixo:
- Código:
/* Efeito de opacidade (avatar e botões de resposta) */
.postprofile a img{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.postprofile a img:hover {
opacity: 1;
}
.profile-icons:hover{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.profile-icons: {
opacity: 1;
}
/* Fim do efeito de opacidade (avatar e botões de resposta) */
Abraços.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Re: Perfil nas postagens
Não resultou, a diferença é que agora ao invés dos botões de resposta mudarem de opaco para normal, mudam de normal para opaco. Eu gostaria do efeito do jeito que estava mesmo, a diferença é que ele só voltava ao normal quando eu passo o mouse em cima do avatar/botões e eu gostaria que voltasse ao normal quando passasse o mouse sobre qualquer lugar do post.
Obrigado!
Obrigado!
Re: Perfil nas postagens
Olá!
O código que forneceu acima só dá o efeito de opacidade no meu fórum, não faz o botão ser exibido quando passa por cima do post o mouse... não é outro código?
Até mais!
O código que forneceu acima só dá o efeito de opacidade no meu fórum, não faz o botão ser exibido quando passa por cima do post o mouse... não é outro código?
Até mais!
Re: Perfil nas postagens
Bem, o código não é ao certo este, o código que forneci foi um que encontrei no fórum de suporte espanhol da forumeiros, mas caso não consiga deixar invisível, basta deixar com efeito de opacidade mas quando passar o mouse em qualquer lugar do post ele volte ao normal.
Re: Perfil nas postagens
Olá!
Utilize este código no lugar daquele:
Até mais!
Utilize este código no lugar daquele:
- Código:
.postprofile a img{
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.postprofile a img:hover {
opacity: 1;
}
.postbody .profile-icons{
display: inline-block;
padding: 10px;
height: 20px;
opacity: 0.0;
-moz-transition: height 1s ease-out, opacity 1s ease;
-webkit-transition: height 1s ease-out, opacity 1s ease;
-o-transition: height 1s ease-out, opacity 1s ease;
transition: height 1s ease-out, opacity 1s ease;
}
.postbody .profile-icons:hover {
height: 70px;
opacity: 1;
}
Até mais!
Re: Perfil nas postagens
Bem, ainda não obtivemos o resultado, agora os botões ficaram invisíveis e quando passa o mouse sobre eles, os botões aparecem e apareceu um efeito adicional, a mensagem desce um pouco para baixo quando os botões aparecem, mas como eu disse, os botões e o avatar só voltam ao normal quando passa o mouse sobre eles, eu gostaria que eles voltassem ao normal quando passasse o mouse sobre qualquer lugar do post.
Obrigado.
Obrigado.
Tópicos semelhantes
» Perfil nas postagens
» Perfil nas postagens
» Alinhar perfil nas postagens!
» Perfil nas postagens bugada
» Centralizar perfil nas postagens
» Perfil nas postagens
» Alinhar perfil nas postagens!
» Perfil nas postagens bugada
» Centralizar perfil nas postagens
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