Modifica del colore di sfondo dei post per gruppi di utenti specifici

Puoi impostare un colore di sfondo diverso per i post di gruppi di utenti specifici. Ad esempio, puoi rendere dorato il colore di sfondo per i post degli utenti del gruppo di utenti Generale mentre i post di altri utenti sono ancora nel colore predefinito. Segui le istruzioni riportate di seguito:

1. Accedi al tuo account Website Toolbox.
2. Fare clic sul pulsante Integra collegamento.
3. Fare clic sul pulsante HTML collegamento.
4. Copiare il codice HTML riportato di seguito e incollarlo nella cartella Codice HTML del tag Head del forum casella di testo:

<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. Cambia il codice colore #f5efd7 nel codice sopra con quello che ti serve in tutti e tre i posti. #f5efd7 rappresenta il colore blu. Fare clic codice hex per ottenere il codice colore per un colore diverso.
6. Recupera il ID gruppo utenti.
7. Sostituire il testo GENERAL-GROUP-ID nel codice precedente con l'ID del gruppo di utenti recuperato al passaggio 6.
8. Salva le tue modifiche.

Ecco un esempio di post evidenziato:

If you still need help, please contact us.