Help

Help > Forum > Temi & Aspetto > Modifica del colore di sfondo dei post per gruppi di utenti specifici

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 impostare il colore di sfondo dorato per i post degli utenti del gruppo di utenti Generali mentre i post di altri sono ancora nel colore predefinito. Segui le istruzioni riportate di seguito:

  1. Accedi al tuo account Website Toolbox.
  2. Fai clic su Integra collegamento.
  3. Fai clic su Codice personalizzato collegamento.
  4. Copia il codice HTML qui sotto e incollalo nel Codice HTML del tag principale del forum casella di testo:
  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. Cambia il codice colore #f5efd7 nel codice sopra con quello che ti serve in tutti e tre i posti. #f5efd7 rappresenta il colore blu. Fate clic codice esadecimale per ottenere il codice colore per un colore diverso.
  7. Recupera il ID del gruppo di utenti.
  8. Sostituisci il testo ID GENERALE DEL GRUPPO nel codice precedente con l'ID del gruppo di utenti recuperato nel passaggio 6.
  9. Salva le tue modifiche.

Ecco un esempio di post evidenziato:


If you still need help, please contact us.