Efeito nos icones de topicos

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

Resolvido Efeito nos icones de topicos

Mensagem por AlfaBeta em 17/07/13, 11:59 pm

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, 01:35 am, editado 1 vez(es)
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu em 18/07/13, 12:03 am

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

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta em 18/07/13, 12:12 am

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

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu em 18/07/13, 12:20 am

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

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta em 18/07/13, 12:32 am

Não houve mudanças.
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu em 18/07/13, 12:47 am

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

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta em 18/07/13, 01:04 am

Sem mudanças.
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Efeito nos icones de topicos

Mensagem por Hizu em 18/07/13, 01:11 am

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

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Efeito nos icones de topicos

Mensagem por AlfaBeta em 18/07/13, 01:35 am

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

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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