Help > Forum > Utilisateurs > Masquer ou modifier l'icône de la couronne et du bouclier qui apparaît sur les avatars du modérateur

Masquer ou modifier l'icône de la couronne et du bouclier qui apparaît sur les avatars du modérateur

Une icône de couronne apparaît dans le coin inférieur droit de l'avatar pour les administrateurs du forum et une icône de bouclier apparaît vers le coin inférieur droit pour les modérateurs. L'icône du bouclier n'apparaît que pour un modérateur si le contenu est lié aux catégories auxquelles le modérateur a été affecté. Ces icônes aident les utilisateurs à identifier rapidement les personnes qui aident à superviser le contenu sur le forum ou dans certaines catégories.

Vous pouvez masquer ou modifier les icônes en suivant les instructions ci-dessous :

  1. Connectez-vous à votre compte Website Toolbox.
  2. Cliquez sur le bouton Intégrez lien.
  3. Dans le Intégrez , cliquez sur le bouton HTML lien.
  4. Collez un ou plusieurs des codes CSS affichés ci-dessous dans le Code HTML de la balise principale du forum zone de texte.

    Pour masquer les deux icônes :

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

    Pour masquer l'icône de l'administrateur :

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

    Pour masquer l'icône du modérateur :

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

    Pour modifier l'icône de l'administrateur :

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

    Pour modifier l'icône du modérateur :

    <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. Économisez vos changements.


If you still need help, please contact us.