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:
- Accedi al tuo account Website Toolbox.
- Fai clic su Integra collegamento.
- Fai clic su Codice personalizzato collegamento.
- Copia il codice HTML qui sotto e incollalo nel Codice HTML del tag principale del forum casella di testo:
- 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.
- Recupera il ID del gruppo di utenti.
- Sostituisci il testo ID GENERALE DEL GRUPPO nel codice precedente con l'ID del gruppo di utenti recuperato nel passaggio 6.
- Salva le tue modifiche.
<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>
Ecco un esempio di post evidenziato: