Bom, minha sugestão é simples e algo que deixaria mais bonito o nome dos staff que são o resumo de suas funções quando passamos o mouse por cima de seus nomes, segue à baixo alguns prints.
Administradores;
Membros Lendários;
Moderadores;
Eu fiquei com preguiça de printar mais porque tinha que ficar editando o código css.
Eu creio que ficaria mais bonito e organizado, porque as vezes alguns membros nem fazem a sincronização da legenda com à cor nos nomes, vou deixar o link do tutorial e o meu código que eu utilizei e alterei, espero que gostem dessa sugestão :XD:
Tutorial;
http://ajuda.forumeiros.com/t92068-descricao-dos-grupos
Meu código;
Administradores;
Membros Lendários;
Moderadores;
Eu fiquei com preguiça de printar mais porque tinha que ficar editando o código css.
Eu creio que ficaria mais bonito e organizado, porque as vezes alguns membros nem fazem a sincronização da legenda com à cor nos nomes, vou deixar o link do tutorial e o meu código que eu utilizei e alterei, espero que gostem dessa sugestão :XD:
Tutorial;
http://ajuda.forumeiros.com/t92068-descricao-dos-grupos
Meu código;
Código:
/* meu css */
.leyenda_css a[href^="/g"],
a[href^="/u"] span[style^="color"] strong {
position: relative
}
.leyenda_css a[href^="/g"]:hover:before,
a[href^="/u"] span[style^="color"] strong:hover:before {
bottom: 17px;
left: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: rgba(0, 0, 0, 0.7);
border-width: 7px;
margin-left: -7px;
}
.leyenda_css a[href^="/g"]:hover:after,
a[href^="/u"] span[style^="color"] strong:hover:after {
background-color: rgba(0,0,0,0.7);
border-radius: 3px;
bottom: 30px;
color: #fff;
display: block;
padding: 3px 10px;
font-style: stronger;
font-weight: 700;
left: -15px;
text-align: center;
position: absolute;
white-space: nowrap;
z-index: 1;
font-size: 10px;
line-height: 1.5em;
}
#onlinelist {
overflow: visible;
}
.leyenda_css a[href^="/g2"]:hover:after,
a[href^="/u"] span[style*="#BD0000"] strong:hover:after {
content: "Suporte geral e moderativo dentro do fórum"
}
Edição do código :
Para cada grupo, você deve copiar essa parte e alterar;
Altere aonde está em negrito;
Qualquer coisa olhe o tutorial porque eu não manjo de css
.leyenda_css a[href^="/g2"]:hover:after,
a[href^="/u"] span[style*="#BD0000"] strong:hover:after {
content: "Suporte geral e moderativo dentro do fórum"
}
Altere aonde está em negrito;
Qualquer coisa olhe o tutorial porque eu não manjo de css