[參考]將圖示新增至圖例中的群組

[櫻井綾乃]

將圖示新增至圖例中的群組

開啟文件/開啟文件index_body.html

查找：

代碼: 選擇全部

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

替換為：

代碼: 選擇全部

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

將其加入到 CSS 檔案中：

代碼: 選擇全部

/* 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");
}

Capture2024-07-16.png

注意：
根據您各自的論壇調整顏色和群組名稱！

資料來源:https://www.phpbb.com/community/viewtop ... #p16004080