Demande : Options pour supprimer les avatars sur la liste des sujets et les remplacer par des noms d'utilisateur

Je voudrais avoir des noms d’utilisateur grisés pour les niveaux de confiance 0-1-2, et colorés pour les niveaux de confiance 3-4.

Je peux principalement le faire avec du CSS, mais beaucoup de bugs surviennent, comme lorsque je réponds à un fil de discussion, le nom d’utilisateur de l’auteur original disparaît.

Ce serait cool si c’était une option pour désactiver les avatars sur la liste des sujets afin de donner un look de forum plus ancien.

J’aime les avatars dans les autres zones, juste pas sur la liste principale des sujets.

Bonjour, essayez ceci :

// Ordinateur de bureau
.topic-list td.topic-list-data.posters {
  display: none !important;
}

// Mobile
.pull-left {
  display: none !important;
}

.topic-list .right {
  margin-left: 0 !important;
}

Ceci supprime les avatars dans la liste des sujets sur ordinateur et mobile.

1 « J'aime »

Ceci supprime les avatars, mais je veux conserver les noms d’utilisateur. Je vais voir si cela aide avec l’I.A.

Voici ce que j’ai trouvé, Intelligence Artificielle, mais les noms d’utilisateur disparaissent lorsqu’une personne répond à un fil de discussion. Je n’ai pas non plus réussi à ajuster les couleurs des groupes de niveaux de confiance des personnes qui publient.

.topic-list .posters img.avatar { display: none; }
.topic-list .posters { text-align: center !important; }
.topic-list .posters a.latest.single {
  display: block;
  padding: 4px 0;
}


.topic-list .posters a.latest.single::after {
  content: attr(data-user-card);
  display: block;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.topic-list-header th.posters {
  text-align: center !important;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topic-list-header th.posters {
  padding-top: 16px !important; /* ajuster la valeur si nécessaire */
}


.topic-list-header th.posters::before {
  content: "Poster";
  font-size: 18px;
  font-weight: normal;
  color: #a6a6a6;
}


.topic-list .posters {
  display: flex;
  justify-content: center;
}

.topic-list th.posters,
.topic-list td.posters {
  width: 100px !important; /* Ajuster 80-120px si nécessaire */
  min-width: 100px !important;
}

.topic-list .posters a.latest.single::after {
  margin-top: 10px; /* Ajuster la valeur pour la position verticale souhaitée */
}

.topic-list .posters a.latest.single::after {
  text-decoration: underline transparent;
  text-underline-offset: 1px;
  transition: text-decoration-color 0.2s;
}

.topic-list .posters a.latest.single:hover::after {
  text-decoration-color: #8e0086; /* ou #800080 */
}

a.latest.single {
    padding-right: 5px !important;
}


.topic-list-data.posters {
  padding: 13.5px 45px !important;  /* haut/bas 8px, gauche/droite 12px – ajuster si nécessaire */
}

.posters.topic-list-data,
.posters.topic-list-data a, {
  font-size: 17px !important;
}

.posters.topic-list-data a.latest.single {
  display: flex;
  align-items: center;
  justify-content: center;
}

.posters.topic-list-data a.latest.single::after {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.topic-list .posters a.latest.single::after {
  content: attr(data-user-card) !important;
  display: block !important;
}

//visibilty
.topic-list .posters a {
  display: none !important;
}

.topic-list .posters a.latest {
  display: inline-block !important;
}

.topic-list .posters a.latest::after {
  content: attr(data-user-card) !important;
  display: block !important;
  font-size: 17px;
  margin-top: 4px;
}