Perfil nas postagens

3 participantes

Ir para baixo

Tópico resolvido Perfil nas postagens

Mensagem por Yunnoh 15.11.12 22:15

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:
Perfil nas postagens ZYKCA
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 16.11.12 0:29, editado 1 vez(es)
Yunnoh
Yunnoh
****

Membro desde : 26/10/2012
Mensagens : 224
Pontos : 335

http://tribobtk.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por Sennior 15.11.12 22:17

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'
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por Yunnoh 15.11.12 22:20

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!
Yunnoh
Yunnoh
****

Membro desde : 26/10/2012
Mensagens : 224
Pontos : 335

http://tribobtk.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por seender 15.11.12 22:38

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por Yunnoh 15.11.12 22:44

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.
Yunnoh
Yunnoh
****

Membro desde : 26/10/2012
Mensagens : 224
Pontos : 335

http://tribobtk.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por seender 15.11.12 22:59

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por Yunnoh 15.11.12 23:12

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.
Yunnoh
Yunnoh
****

Membro desde : 26/10/2012
Mensagens : 224
Pontos : 335

http://tribobtk.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por seender 15.11.12 23:14

Olá!

Não há como, lamento.

Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil nas postagens

Mensagem por Yunnoh 15.11.12 23:27

Muito obrigado pela ajuda de todos!
#Reputados.
#Resolvido.
Yunnoh
Yunnoh
****

Membro desde : 26/10/2012
Mensagens : 224
Pontos : 335

http://tribobtk.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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