Ajouter des icônes aux groupes dans la légende
Posté : 18 mars 2024, 10:24
Ouvrir le fichier/Open file
trouver/find :
Remplacer par ceci/replace by :
Ajouter ceci au fichier CSS/Add this to the CSS file :
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
index_body.htmltrouver/find :
Code : Tout sélectionner
<!-- IF U_VIEWONLINE -->
<br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br />{L_LEGEND}{L_COLON} {LEGEND}<!-- ENDIF -->
<!-- ENDIF -->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&g=5">Administrateurs</a>, <a style="color:#008080" href="./memberlist.php?mode=group&g=4">Modérateurs globaux</a>, <a style="color:#8000bf" href="./memberlist.php?mode=group&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");
}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