Efeito Hover no link

3 participantes

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

Tópico resolvido Efeito Hover no link

Mensagem por lucio49 18.11.19 10:31

Detalhes da questão


Endereço do fórum: https://cine-antigo.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá

Gostaria que o link que está no texto dentro do tópico na página principal do Portal ,mudasse de côr ao passar o mouse (efeito hover).
No texto tem o link "CLIQUE AQUI PARA IR AO POST"
Veja a localização correta no fórum pela figura em anexo.
Obrigado.

Efeito Hover no link  Hover-10
lucio49

lucio49
*

Membro desde : 01/06/2019
Mensagens : 34
Pontos : 60

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Efeito Hover no link

Mensagem por tikky 18.11.19 13:34

Olá @lucio49,
Adicione na sua folha de estilo o seguinte código:
Código:
.mod_news .content a[href]:hover {
   color: tomato!important;
}
Mude a cor de exemplo tomato para o nome da cor ou o código HEX da cor pretendida.


Cordialmente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Hover no link

Mensagem por lucio49 18.11.19 13:48

Olá Pedro,
Houve uma mudança mas não exatamente como eu queria.

Ele muda a cor só no ponto (uma letra) em que o cursor (maozinha) do mouse cobre a palavra Clique Aqui.
Eu coloquei vermelho, como a frase está em azul o resultado fica amarelo (vermelho+azul=amarelo).
lucio49

lucio49
*

Membro desde : 01/06/2019
Mensagens : 34
Pontos : 60

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Efeito Hover no link

Mensagem por tikky 19.11.19 8:28

O senhor poderia deixar o código ativo no seu fórum ou tirar uma captura de ecrã (printscreen), para analisar o "erro" descrito? Agradecia Rosa
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Hover no link

Mensagem por lucio49 19.11.19 11:17

Olá pedxz
O código (que tu enviaste )está ativado.
lucio49

lucio49
*

Membro desde : 01/06/2019
Mensagens : 34
Pontos : 60

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Hover no link

Mensagem por lucio49 20.11.19 9:58

Olá,
Eu fiz uma cópia com "printScreen" mas infelizmente o efeito não é capturado na tela.
A código está ativado e se você sobrepor a ponteira do mouse sobre o link onde está escrito "Clique aqui" é possível notar algum efeito do novo código inserido apenas no espaço ocupado pela ponteira.
Espero que eu tenha sido mais claro.
lucio49

lucio49
*

Membro desde : 01/06/2019
Mensagens : 34
Pontos : 60

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Hover no link

Mensagem por RafaelS. 26.11.19 17:38

Olá!

Tente alterar o código para:

Código:
.mod_news .content a[href]:hover span font{
  color: tomato!important;
}

Até breve!
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Hover no link

Mensagem por lucio49 27.11.19 13:52

Perfeito, RafaelS.
Funcionou perfeitamente, muito grato.
Considere questão resolvida.
OK  OK
lucio49

lucio49
*

Membro desde : 01/06/2019
Mensagens : 34
Pontos : 60

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Efeito Hover no link

Mensagem por tikky 27.11.19 14:05

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

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


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