Efeito nos icones de topicos

2 participantes

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

Tópico resolvido Efeito nos icones de topicos

Mensagem por AlfaBeta 18.07.13 3:59

Qual é minha questão:
Olá, pessoal.

Gostaria de saber como faço esse efeito em icones de post nos topicos (citar, editar, etc... mas não 'novo topico' e responder), como nesse tema: http://pt.hitskin.com/buscar-um-tema/extrime-themes-30-185081.htm

Agradeço.



Endereço do meu fórum:
http://carrosegames.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por AlfaBeta em 18.07.13 5:35, editado 1 vez(es)
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu 18.07.13 4:03

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Adicione este código na tua CSS:
Código:
ul.profile-icons li a img {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}

ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}
Salve!

Atenciosamente,
Hizu. Piscada
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta 18.07.13 4:12

Muito bom. Embora não funciona para o botão "multi-citação". Sabes porque?
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu 18.07.13 4:20

Saudações!

Substitua o código anterior por este:
Código:
.postbody ul.profile-icons li a img {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}

.postbody ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}

Atenciosamente,
Hizu. Piscada
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta 18.07.13 4:32

Não houve mudanças.
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu 18.07.13 4:47

Saudações!

Creio que o botão multi citação não tenha uma classe especifica, mas vamos tentar substituir o código atual por este outro:
Código:
.post_mq1_1, .postbody ul.profile-icons li a img {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}

.post_mq1_1, .postbody ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}

Salve!

Atenciosamente,
Hizu. Piscada
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta 18.07.13 5:04

Sem mudanças.
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu 18.07.13 5:11

Saudações!

Substitua o código atual por este(última tentativa):
Código:
.post_mq, .postbody ul.profile-icons li a img {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}

.post_mq, .postbody ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}

Salve!

Caso não funcione e de acordo com o que conheço das classes de CSS, o botão multi citar não há uma classe especifica.

Atenciosamente,
Hizu. Piscada
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta 18.07.13 5:35

Sem mudanças de novo.
Mas tranquilo. Percebi que em outros temas isso tambem nao funciona. Talvez seja assim mesmo.

Em todo caso, agradeço.
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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