Distinguere i messaggi dello staff

Da **Niko** Lun 1 Feb 2021 - 3:09

Distinguere i messaggi dello staff

Ecco una spiegazione per identificare diversamente i messaggi dello staff del forum (gradiente sullo sfondo del messaggio, bordo del colore ...). Questo tutorial funziona su tutte e cinque le versioni del forum.

Creare una riga

Pannello di amministrazione ► Utenti e gruppi ► Ranghi- Amministrazione dei Ranghi

Quindi fare clic sul pulsante :mod:

di una riga o su "Aggiungi una nuova riga".
Nella casella " Titolo riga " , inserisci questo codice:

Codice:: <span class="amministratore">Amministratore</span>

Puoi personalizzare l'attributo class con quello che vuoi, facendo attenzione a sostituirlo anche nel resto del tutorial. Affinché il messaggio di un utente venga visualizzato in modo diverso, sarà necessario assegnargli il grado in questione.

Creazione di script

Pannello di amministrazione ► Moduli ► HTML e JAVASCRIPT - Gestione del codice JavaScript

Assicurati che sia attiva la gestione dei codici Javascript , quindi crea un nuovo javascript avente per titolo "messaggi vari dello staff" e per posizionamento "Soggetti".

Inserisci il codice seguente:

Codice:: $(function() { $('.amministratore').closest('.post').addClass('bgAmministratore'); });

Personalizzazione dell'aspetto dei messaggi

Finora abbiamo creato un rango che appare solo per l'utente che ha quel rango. Questo rango include una classe che identifica l'utente. Lo script cerca questa classe e, se la trova, aggiunge una classe .bgAdminal messaggio dell'intero poster. Grazie a questo puoi personalizzare l'aspetto di un post di questo utente, aggiungendo ad esempio una sfumatura sullo sfondo, oppure aggiungendo un bordo colorato.

Invision :
puoi agire sul messaggio utilizzando questo selettore CSS
Codice:
.bgAmministratore .post-container
phpBB2 :
Puoi agire sul messaggio grazie a questo selettore CSS
Codice:
.bgAmministratore td.row1, .bgAmministratoretd.row2
phpBB3 :
Puoi agire sul messaggio grazie a questo selettore CSS
Codice:
.post.bgAmministratore
PunBB :
Puoi agire sul messaggio grazie a questo selettore CSS
Codice:
.bgAmministratore .postmain
ModernBB :
Puoi agire sul messaggio grazie a questo selettore CSS
Codice:
.post.bgAmministratore

Esempio: aggiungi un gradiente di colore sullo sfondo dei messaggi del personale

Pannello di amministrazione ► Visualizza ► Colori - scheda Foglio di stile CSS

Aggiungendo il codice seguente, lo sfondo degli utenti con questo grado apparirà (nella versione phpBB3 e nella versione ModernBB) con uno sfondo sfumato

Codice:: .post.bgAmministratore { background-image: url('http://www.allo-image.net/stockimg/upload/1596903058560f823ddb78cbleuvert.png'); }

Distinguere i messaggi dello staff Tuto122

Esempio: mostra un bordo colorato sui messaggi del personale

Pannello di amministrazione ► Visualizza ► Colori - scheda Foglio di stile CSS

Aggiungendo il codice seguente, lo sfondo degli utenti con questo grado apparirà (nella versione phpBB3 e nella versione ModernBB) con uno sfondo sfumato

Codice:: .post.bgAmministratore { border-top: 10px solid #FF0000; }

Distinguere i messaggi dello staff Tuto218