管理者とモデレーターのシールドアイコンの区別

貢献 UX
29

遅い時間ですが、管理者の王冠アイコン（現時点ではトピックページのみ）を CSS と JS を使って表示する私の解決策を共有したいと思い、投稿しました。何かしらの理由で私の JS コードが動作していないため、お手伝いいただければ幸いです。インラインのテーマ用 JS ファイルにはコードが表示されているのに動作しません（JSFiddle では正常に動作します）。

SSd
SSd450×178 20.3 KB

CSS

.names span.admin a::after {
content: "";
width: 17px;
height: 14px;
margin-left: 5px;
background-image: url(https://www.dropbox.com/s/0oi0y3ex3rtfvk5/cd-crown.svg?raw=1);
background-repeat: none;
display: inline-block;
position: relative;

}

JS（ホバー時にタイトルを表示するためのものですが、先述の通り 内に含めると動作しません）
動作する Jsfiddle デモ

var cdcrowntitle = document.querySelector(".names .admin a");
cdcrowntitle.setAttribute("title", "Community Admin");
「いいね！」 2