Efeito tooltip nos usuários

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

Resolvido Efeito tooltip nos usuários

Mensagem por JrMAFiA em 26/07/15, 01:51 pm

como decho essas tarchas desse tipo



forum:http://castor-games.forumeiros.com/
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Ver perfil do usuário

Resolvido Re: Efeito tooltip nos usuários

Mensagem por Mshas em 26/07/15, 02:25 pm

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



Até,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

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

Resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise em 26/07/15, 07:01 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA em 26/07/15, 07:19 pm

Mas quero mudar o fundo para vermelho ou outra cor , mas não consigo
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Ver perfil do usuário

Resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise em 26/07/15, 07:23 pm

Olá!

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

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA em 26/07/15, 07:43 pm

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;
}
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Ver perfil do usuário

Resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise em 26/07/15, 08:29 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA em 26/07/15, 08:35 pm

a cor quando eu quiser mudar mudo na onde ?
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Ver perfil do usuário

Resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise em 26/07/15, 08:38 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Efeito tooltip nos usuários

Mensagem por JrMAFiA em 26/07/15, 08:39 pm

Obrigado fraise
avatar

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 638

Ver perfil do usuário

Resolvido Re: Efeito tooltip nos usuários

Mensagem por Fraise em 26/07/15, 08:42 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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