Perfil nas postagens

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

Resolvido Perfil nas postagens

Mensagem por Yunnoh em 15/11/12, 08:15 pm

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:
/* 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) */
Obrigado!


Endereço do meu fórum: http://transformicebr.ativoforum.com/ (phpBB 3)


Última edição por Yunnoh em 15/11/12, 10:29 pm, editado 1 vez(es)
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Perfil nas postagens

Mensagem por Sennior em 15/11/12, 08:17 pm

Olá querida,

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'
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Perfil nas postagens

Mensagem por Yunnoh em 15/11/12, 08:20 pm

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!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

Ver perfil do usuário http://tribobtk.forumeiros.com/
  • 0

Resolvido Re: Perfil nas postagens

Mensagem por seender em 15/11/12, 08:38 pm

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Perfil nas postagens

Mensagem por Yunnoh em 15/11/12, 08:44 pm

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

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Perfil nas postagens

Mensagem por seender em 15/11/12, 08:59 pm

Olá!

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Perfil nas postagens

Mensagem por Yunnoh em 15/11/12, 09:12 pm

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

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Perfil nas postagens

Mensagem por seender em 15/11/12, 09:14 pm

Olá!

Não há como, lamento.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Perfil nas postagens

Mensagem por Yunnoh em 15/11/12, 09:27 pm

Muito obrigado pela ajuda de todos!
#Reputados.
#Resolvido.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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