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 - Efeito Hover no link  Hover-10
lucio49

lucio49
Nível 4

Masculino
Membro desde : 01/06/2019
Mensagens : 32
Pontos ativos : 56

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Efeito Hover no link

Mensagem por pedxz 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.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7063
Pontos ativos : 8291

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
Nível 4

Masculino
Membro desde : 01/06/2019
Mensagens : 32
Pontos ativos : 56

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Efeito Hover no link

Mensagem por pedxz 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
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7063
Pontos ativos : 8291

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
Nível 4

Masculino
Membro desde : 01/06/2019
Mensagens : 32
Pontos ativos : 56

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
Nível 4

Masculino
Membro desde : 01/06/2019
Mensagens : 32
Pontos ativos : 56

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Ex-Admineiro

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!
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

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
Nível 4

Masculino
Membro desde : 01/06/2019
Mensagens : 32
Pontos ativos : 56

http://goiania.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Efeito Hover no link

Mensagem por pedxz 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.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7063
Pontos ativos : 8291

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