Tooltip nos grupos de usuário

3 participantes

Ir para baixo

Tópico resolvido Tooltip nos grupos de usuário

Mensagem por Yata 30.06.14 0:23

  • Descrição:
Tooltip nos grupos de usuário C307UsH
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 17:01, editado 1 vez(es)
Yata
Yata
Novo Membro

Membro desde : 28/06/2014
Mensagens : 24
Pontos : 42

http://shinobi-history.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Duel 30.06.14 0:31

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é.
avatar
Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Yata 30.06.14 0:51

Olha, não ficou no lugar correto, segue a imagem.
Tooltip nos grupos de usuário 0MHKGgv
Yata
Yata
Novo Membro

Membro desde : 28/06/2014
Mensagens : 24
Pontos : 42

http://shinobi-history.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Hancki 30.06.14 11:25

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Yata 30.06.14 17:01

Obrigado Hancki funcionou, pode fechar
Yata
Yata
Novo Membro

Membro desde : 28/06/2014
Mensagens : 24
Pontos : 42

http://shinobi-history.forumeiros.net/

Ir para o topo Ir para baixo

Ir para o topo


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