Given the surprising level of difficulty, maybe we should just leave this be… not like it is broken the way it is.
1 лайк
Я знаю, что уже поздно, но я просто хочу поделиться своим решением для отображения этой администраторской короны (пока только на странице темы) с помощью CSS и JS. Мне также нужна помощь, потому что по какой-то причине мой JS-код не работает. Я вижу его в этом встроенном файле темы JS, но он всё равно не работает (хотя на jsfiddle всё отлично).
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 лайка
Получил ту же обратную связь от одного из наших модераторов. Есть ли какие-либо прогресс/идеи по дифференциации иконок администратора и модератора за последние 2 года?
1 лайк
Я не видел этого нигде в этой теме, но я использую CSS на своём форуме, чтобы создавать разноцветные щиты для модераторов и администраторов в постах (если администраторы состоят в группах модераторов). В моём случае у модераторов золотые щиты, а у администраторов — серые. Конечно, в этих свойствах цвета можно использовать любой цвет.
Общий CSS
// * изменение цвета щита в постах для различения пользователей-администраторов и модераторов * //
span.username {
&.moderator .d-icon.d-icon-shield-alt {
color: #d5b907;
}
&.admin .d-icon.d-icon-shield-alt {
color: #969696;
}
}
Я не стал делать это для карточек пользователей или профилей, но, полагаю, мог бы разобраться.
Также можно изменить цвет имён пользователей-модераторов и администраторов в постах для их дальнейшего различения:
// * изменение цвета имён пользователей для различения администраторов и модераторов * //
span.username {
&.moderator a {
color: #d5b907;
}
&.admin a {
color: #969696;
}
}
6 лайков
Изменение цвета щита не сработало — он всё ещё выглядит одинаково серым для обоих. Изменился ли селектор с момента публикации этого сообщения?
Возможно. Быстрая проверка страницы поможет вам определить класс.
2 лайка
Иконка теперь называется d-icon-shield-halved.
5 лайков
Да, название иконки изменилось, поэтому должно быть так:
span.username {
&.moderator .d-icon.d-icon-shield-halved {
color: #d5b907;
}
&.admin .d-icon.d-icon-shield-halved {
color: #969696;
}
}
результат
4 лайка
Спасибо, Лилли! И… КокоКварк, как бы это ни писалось.
1 лайк
Просто интересно, не хотели бы мы заменить, скажем, иконку администратора на шляпу волшебника, изменив цвет и установив display: none, а затем добавить строку с .d-icon.d-icon-wizard? (Сразу не вспомню точное название иконки шляпы волшебника из Font Awesome).
Форма иконки:
fa-solid fa-hat-wizard
И какой тогда будет CSS, если я хочу заменить иконку администратора на fa-hat-wizard?
1 лайк
Тот же CSS.
Класс останется d-icon-shield-halved, независимо от того, какую иконку вы заменили, если вы используете этот метод замены:
2 лайка
Самый простой способ сделать это — использовать тот же код, что и выше, но также добавить код замены иконки во вкладку head-тега, как показано ниже:
в
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('shield-halved', 'hat-wizard')
</script>
результат:
5 лайков
Сработает ли это так, чтобы у администраторов была шляпа, а у модераторов — щит? Или это просто заменит всё, как на картинке, и если да, то есть ли способ обойти это?
2 лайка
ну, возможно, вы сможете внести условные изменения в CSS или добавить код в скрипт. но это заменит иконку для всех.
1 лайк
На самом деле, даже иконка волшебника сейчас не работает. Я использовал точный код в разделе head, который вы дали. Могу попробовать снова, возможно, это был сбой или что-то в этом роде.
Это вопрос не по теме, но я бы хотел оставить полукруглый щит для модераторов. Однако мне очень хотелось бы показывать шляпу волшебника администраторам [1].
Но я не могу заменить полукруглый щит на шляпу из-за модераторов.
О боже…
Мне действительно стоит начать читать темы 
Извините.
У меня на форуме есть несколько женщин среднего возраста, которые фанатеют от Гарри Поттера; это их очень бы разозлило
↩︎
2 лайка
На моём форуме это отображается только на карточках пользователей и в профилях, но не в темах.
Есть идеи, что я снова накосячил?
1 лайк
Щит svg для обновленного кода.