Como adicionar este ícone no avatar

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como adicionar este ícone no avatar

Mensagem por LucianoMicle 15.05.21 2:10

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.
LucianoMicle

LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar este ícone no avatar

Mensagem por while 15.05.21 4:39

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?
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar este ícone no avatar

Mensagem por LucianoMicle 15.05.21 4:55

Oi!

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

LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar este ícone no avatar

Mensagem por while 16.05.21 15:53

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?
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar este ícone no avatar

Mensagem por LucianoMicle 16.05.21 18:51

Como adicionar este ícone no avatar Cat210
LucianoMicle

LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar este ícone no avatar

Mensagem por Lobs 21.05.21 16:10

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
Lobs

Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos