Help > Forum > Usuários > Ocultar ou alterar o ícone de coroa e escudo que aparece nos avatares de moderador e administrador

Ocultar ou alterar o ícone de coroa e escudo que aparece nos avatares de moderador e administrador

Um ícone de coroa aparece em direção ao canto inferior direito do avatar para administradores do fórum e um ícone de escudo aparece em direção ao canto inferior direito para moderadores. O ícone de escudo só aparecerá para um moderador se o conteúdo estiver relacionado às categorias às quais o moderador foi atribuído. Esses ícones ajudam os usuários a identificar rapidamente as pessoas que ajudam a supervisionar o conteúdo no fórum ou em determinadas categorias.

Você pode ocultar ou alterar os ícones seguindo as instruções abaixo:

  1. Faça login na sua conta do Website Toolbox.
  2. Clique no botão Integrar link.
  3. No Integrar menu, clique no botão HTML link.
  4. Cole um ou mais dos códigos CSS mostrados abaixo na Código HTML da tag do fórum caixa de texto.

    Para ocultar os dois ícones:

    <style>
      .image-wrapper > i.moderator_user, .image-wrapper > i.admin_user {
        display: none !important;
      }
    </style>
    

    Para ocultar o ícone do administrador:

    <style>
      .image-wrapper > i.admin_user {
        display: none !important;
      }
    </style>
    

    Para ocultar o ícone do moderador:

    <style>
      .image-wrapper > i.moderator_user {
        display: none !important;
      }
    </style>
    

    Para alterar o ícone do administrador:

    <style>
      .image-wrapper > i.admin_user:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(URL/ADDRESS OF ICON GES HERE);
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
      }
    </style>
    

    Para alterar o ícone do moderador:

    <style>
      .image-wrapper > i.moderator_user:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(URL/ADDRESS OF ICON GES HERE);
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
      }
    </style>
    
  5. Salvar suas alterações.


If you still need help, please contact us.