Tooltip nos grupos de usuário

Item: Tooltip nos grupos de usuário
Rating: 1

por Yata em Seg 30 Jun 2014 - 0:23

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

Fórum:	http://shinobi-history.forumeiros.net/	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	Tooltip,grupos,usuário

por Duel em Seg 30 Jun 2014 - 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}

No código, procure por

Troque pela cor em Hexadecimal do grupo, se quiser alterar os textos, e só buscar pelo ctrl + f.

Até.

por Yata em Seg 30 Jun 2014 - 0:51

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

por Hancki em Seg 30 Jun 2014 - 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

por Yata em Seg 30 Jun 2014 - 17:01

Obrigado Hancki funcionou, pode fechar

Re: Tooltip nos grupos de usuário