Ajouter des icônes aux groupes dans la légende

[Origin]

Ouvrir le fichier/Open file index_body.html

trouver/find :

Code : Tout sélectionner

			<!-- IF U_VIEWONLINE -->
				<br />{LOGGED_IN_USER_LIST}
				<!-- IF LEGEND --><br />{L_LEGEND}{L_COLON} {LEGEND}<!-- ENDIF -->
			<!-- ENDIF -->

Remplacer par ceci/replace by :

Code : Tout sélectionner

			<!-- IF U_VIEWONLINE -->
				<br /> {LOGGED_IN_USER_LIST}
				<!-- IF LEGEND --><div class="legend">Legend: <a style="color:#aa0000" href="./memberlist.php?mode=group&amp;g=5">Administrateurs</a>, <a style="color:#008080" href="./memberlist.php?mode=group&amp;g=4">Modérateurs globaux</a>, <a style="color:#8000bf" href="./memberlist.php?mode=group&amp;g=8">Demo</a></div><!-- ENDIF -->
			<!-- ENDIF -->

Ajouter ceci au fichier CSS/Add this to the CSS file :

Code : Tout sélectionner

/* Icônes for Group Legend */
.legend {
  display: flex;
  align-items: center;
}

.legend > a {
  display: flex;
  align-items: center;
  gap: .2rem;
}

.legend > a[style="color:#aa0000"]:before {
  content: url("https://img.icons8.com/windows/12/security-checked.png");
}

.legend > a[style="color:#008080"]:before {
  content: url("https://img.icons8.com/windows/12/settings--v1.png");
}

.legend > a[style="color:#8000bf"]:before {
  content: url("https://img.icons8.com/ios/12/pencil--v1.png");
}

Note :
Adaptez les couleurs et noms de groupes en fonction de vos forums respectifs !

Adapt the colors and group names to suit your respective forums!

Source : https://www.phpbb.com/community/viewtop ... #p16004080

[Satforum]

Hi mate can you explain which file edit css??
Common.css
Colours.css

Please explain


Regards

[Origin]

You can place the code at the end of the stylesheet.css file, as I do here