Tooltip nos grupos de usuário

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

Resolvido Tooltip nos grupos de usuário

Mensagem por Yata em 29/06/14, 08:23 pm

  • Descrição:

Como coloco essa "aba"/Balão de informações ai?

  • Informações:
Fórum:http://shinobi-history.forumeiros.net/Versão:PHPBB2
Tipo:Pedido de códigoTags:Tooltip,grupos,usuário



Última edição por Yata em 30/06/14, 01:01 pm, editado 1 vez(es)
avatar

Yata
Nível 3

Masculino
Inscrito dia : 27/06/2014
Mensagens : 24
Pontos Ativos : 42

Ver perfil do usuário http://shinobi-history.forumeiros.net/

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Duel em 29/06/14, 08:31 pm

Olá!

Acrescente em sua CSS:
Código:
a[href*="/u"] span[style="color:#009FB9"] strong:hover:after{background-color:rgba(0,0,0,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Análises e publicidade de fóruns Forumeiros";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}
Seta No código, procure por
Código:
#009FB9
Troque pela cor em Hexadecimal do grupo, se quiser alterar os textos, e só buscar pelo ctrl + f.

Até.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Yata em 29/06/14, 08:51 pm

Olha, não ficou no lugar correto, segue a imagem.
avatar

Yata
Nível 3

Masculino
Inscrito dia : 27/06/2014
Mensagens : 24
Pontos Ativos : 42

Ver perfil do usuário http://shinobi-history.forumeiros.net/

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Hancki em 30/06/14, 07:25 am

Olá!

Tem que usar outra coisa devido à posição!
Código:
a[href*="/u"] span[style="color:#FF9D52"] strong {
   position:relative;
}
a[href*="/u"] span[style="color:#FF9D52"] strong:hover:after{
   background-color:rgba(0,0,0,0.5);
   border-radius:5px;
   bottom:15px;
   color:#fff;
   content:"Análises e publicidade de fóruns Forumeiros";
   display:inline-block;
   font-size:10px;
   font-style:normal;
   font-weight:700;
   left:-90px;
   padding:2px;
   position:absolute;
   white-space:nowrap;
   z-index:1
}
Com este código, o resultado é: http://prntscr.com/3xxd8l

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Yata em 30/06/14, 01:01 pm

Obrigado Hancki funcionou, pode fechar
avatar

Yata
Nível 3

Masculino
Inscrito dia : 27/06/2014
Mensagens : 24
Pontos Ativos : 42

Ver perfil do usuário http://shinobi-history.forumeiros.net/

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