Como adicionar este ícone no avatar

Detalhes da questão

Endereço do fórum: https://luciano.foroactivo.com/
Versão do fórum: phpBB3

Descrição

Boa noite a todos

Estava navegando em fóruns de games, e encontrei um que me chamou a atenção pelo que tinha no avatar dos moderadores / administradores.

Spoiler:

Acontece que pairar causa uma dica de que "{nome de usuário} é moderador"
Queria perguntar como é possível adicioná-lo ao meu fórum.


Desde já muito obrigado.

Cumprimentos.

Adicione esse código no template viewtopic_body, no inicio ou no fim do template , salve e valide o template.

Código:

<style>a[href*="/u1"] strong:hover:after {
  background-color: #000;
  border-radius: 5px;
  top: -20px;
  color: #fff;
  content: "Luciano é um administrador";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: 40px;
  padding: 5px;
  position:absolute;
  z-index: 1;
}</style>

Pra realizar novos efeitos duplique o código e altere o "/u1" por número do usuário e mude o texto, é claro.

Era isso?

Oi!

O que eu disse, foi adicionar o ícone do escudo abaixo da foto.
Eu não queria colocar isso no nome.

Instale a Font Awesome no seu fórum de acordo com esse tópico pra obtermos o icone: https://ajuda.forumeiros.com/t103208-

E troque o código que forneci antes por esse:

Código:

<style>.adm:after {
          content:"";
          position:absolute;
          margin-top:-10px;
          margin-left:-70px;
          border:1px solid red;
          -moz-border-radius: 20px;
-webkit-border-radius: 20px;
        }
        .adm:hover:before {
  background-color: #000;
  border-radius: 5px;
  top:60px;
  color: #fff;
  content: "É um administrador";
  display: inline-block;
  font-size: 7px;
  font-style: normal;
  left: 40px;
  position:absolute;
  z-index: 1;
}</style>

Mais ou menos assim você quer?