Efeito tooltip nos usuários

3 participantes

Ir para baixo

Tópico resolvido Efeito tooltip nos usuários

Mensagem por JrMAFiA 26.07.15 17:51

como decho essas tarchas desse tipo

Efeito tooltip nos usuários 3347qx4

forum:http://castor-games.forumeiros.com/
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por Mshas 26.07.15 18:25

Saudações querido,
Isto é chamado de uma função hover TOOLTIP,
Por gentileza eu peço-os que leia este tópico,
  seta1 https://ajuda.forumeiros.com/t100396-tutorial-efeito-tooltip-para-usuarios-especificos



Até,
Mshas
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise 26.07.15 23:01

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA 26.07.15 23:19

Mas quero mudar o fundo para vermelho ou outra cor , mas não consigo Efeito tooltip nos usuários 1z6tbhw
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise 26.07.15 23:23

Olá!

Envie-nos o que código que está utilizando, se possível.

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA 26.07.15 23:43

Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "TEXTO A EXIBIR";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise 27.07.15 0:29

Olá!

Troque por este:
Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(255,255,255,0.5);
content: "TEXTO A EXIBIR";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA 27.07.15 0:35

a cor quando eu quiser mudar mudo na onde ?
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise 27.07.15 0:38

Olá!

Nesta parte do código:
Código:
background-color:rgba(255,255,255,0.5);

A cor está em RGB, terá de procurar o ID da cor que deseja. Substituindo apenas o 255,255,255.

Poderá achar diversas cores RGB no google.

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA 27.07.15 0:39

Obrigado fraise
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise 27.07.15 0:42

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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