[Tutorial] Efeito tooltip para usuarios especificos

Informações:

Autor: Hancki
Versões: Todas as versões
Introdução: Efeito tooltip para usuários específicos

Instalação:

Acesse:

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de Estilo CSS

Coloque esse código css em sua folha de estilo:

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

Feito isso, basta salvar.

Explicando:
Para adicionar novos membros basta duplicar o código porém em /u1 , você troca o 1 pelo numero que aparece na url quando você visualiza o perfil dele.

• Resultado