Differentiate Admin and Moderator Shield Icons

Внести вклад 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 лайка