Изменение цвета фона постов для определенных групп пользователей

Вы можете установить другой цвет фона для записей от определенных групп пользователей. Например, можно сделать цвет фона золотым для записей пользователей из группы «Общие», в то время как записи других пользователей по-прежнему будут иметь цвет по умолчанию. Пожалуйста, следуйте приведенным ниже инструкциям:

1. Войдите в свою учетную запись Website Toolbox.
2. Нажмите кнопку Интеграция ссылка.
3. Нажмите кнопку HTML ссылка.
4. Скопируйте приведенный ниже HTML-код и вставьте его в поле HTML-код тега заголовка форума текстовое поле:

<style>e
.post-body.wt-general-post {
    background-color: #f5efd7;
}
.post-author.wt-general-post .post-arrow {
    border-right-color: #f5efd7;
}
@media (max-width: 720px) {
    .post-author.wt-general-post {
        background-color: #f5efd7;
    }
}
</style>
<script>
var groupCustomClass = {
        'GENERAL-GROUP-ID' : 'wt-general-post'
    };
    function changePostBackgroundColor() {
        if(jQ('.post-body-wrapper').length) {
            jQ('.post-body-wrapper .post-body-author .display_name a').each(function( index ) {
                var postAutherDivId;
                var postDivId = jQ(this).closest('.post-body').attr('id');
                if(typeof postDivId != "undefined" && postDivId != "" && postDivId.indexOf('post_list_') > -1) {
                    postAutherDivId = postDivId.replace(/post_list_/g,"post_row_");
                }
                if(typeof postAutherDivId != "undefined" && postAutherDivId != "") {
                    var className = jQ(this).attr('class');
                    var classArray = className.split(' ');
                    jQ.each(classArray, function(index, value) {
                      if(typeof value != "undefined" && value != "" && value.indexOf('usergroup') > -1) {
                        var groupid = value.replace(/usergroup/g,"");
                        console.log("=groupid="+groupid+"=postAutherDivId="+postAutherDivId+"=class="+groupCustomClass[groupid]+"=end=");
                        if(typeof groupid != "undefined" && groupid != "" && groupid) {
                            jQ('#'+postDivId+'').addClass(groupCustomClass[groupid]);
                            jQ('#'+postAutherDivId+' .post-author').addClass(groupCustomClass[groupid]);
                            return false;
                        }
                      }
                    });
                }
            });
        }
    }
    // Change post back ground color when DOM loaded.
    window.addEventListener("DOMContentLoaded", function(){
        changePostBackgroundColor();
    });
    // Change post back ground color when create a post.
    document.addEventListener('replyPosted', function(event) {
        changePostBackgroundColor();
    });
    // Change post back ground color when edit a post.
    document.addEventListener('postEdited', function(event) {
        changePostBackgroundColor();
    });
</script>

5. Измените цветовой код #f5efd7 в приведенном выше коде с тем, который вам нужен во всех трех местах. #f5efd7 представляет синий цвет. Нажмите hex код чтобы получить цветовой код для другого цвета.
6. Извлеките идентификатор группы пользователей.
7. Замените текст GENERAL-GROUP-ID в приведенном выше коде с идентификатором группы пользователей, полученным на шаге 6.
8. Сохранить ваши изменения.

Вот пример выделенного поста:

If you still need help, please contact us.