Como adicionar este ícone no avatar
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
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.
Re: Como adicionar este ícone no avatar
Cumprimentos.
Adicione esse código no template viewtopic_body, no inicio ou no fim do template , salve e valide o template.
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?
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?
Re: Como adicionar este ícone no avatar
Oi!
O que eu disse, foi adicionar o ícone do escudo abaixo da foto.
Eu não queria colocar isso no nome.
O que eu disse, foi adicionar o ícone do escudo abaixo da foto.
Eu não queria colocar isso no nome.
Re: Como adicionar este ícone no avatar
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:
Mais ou menos assim você quer?
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?
Re: Como adicionar este ícone no avatar
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
Tópicos semelhantes
» Como adicionar ícone para online e offline / Avatar Padrão
» [Resolvido] Como por este ícone?
» Como adicionar o ícone conectado ao lado do nome
» Como fazer este efeito de avatar?
» Como adicionar este tipo de share?
» [Resolvido] Como por este ícone?
» Como adicionar o ícone conectado ao lado do nome
» Como fazer este efeito de avatar?
» Como adicionar este tipo de share?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos