Help

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

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

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

  1. Войдите в свою учетную запись Website Toolbox.
  2. Нажмите кнопку Интегрировать ссылка.
  3. Нажмите кнопку Настраиваемый код ссылка.
  4. Скопируйте приведенный ниже HTML-код и вставьте его в HTML-код тега заголовка форума текстовое поле:
  5. <style>
    .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>
    
  6. Измените цветовой код #f5efd7 в приведенном выше коде с тем, который вам нужен во всех трех местах. #f5efd7 представляет собой синий цвет. Нажмите шестнадцатеричный код чтобы получить цветовой код для другого цвета.
  7. Получите идентификатор группы пользователей.
  8. Замените текст ОБЩИЙ ИДЕНТИФИКАТОР ГРУППЫ в приведенном выше коде с идентификатором группы пользователей, полученным на шаге 6.
  9. Сохранить ваши изменения.

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


If you still need help, please contact us.