Tooltip nos grupos de usuário

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

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

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

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 29/06/14, 08:51 pm

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

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

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

Obrigado Hancki funcionou, pode fechar

Re: Tooltip nos grupos de usuário