[Tutorial] Tooltip nos grupos

Informações:
Autor: While
Funcionalidade: Todas as versões

---

Acesse:

Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo CSS

E Adicione esse código:

Código:

a[href="/g1-"] {
position: relative;
}
a[href="/g1-"]: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;
}

Procures nesse css que te passei acima por /g1- e alteres pela url do grupo que deseja o efeito.

Quero adicionar um tooltip em outro grupo, como faço?
Basta duplica o código css, alterando a parte que citei acima.