Distinguere i messaggi dello staff

Tutorial Distinguere i messaggi dello staff

Messaggio 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');
}

resettare messaggi - 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;
}

resettare messaggi - Distinguere i messaggi dello staff Tuto218



Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9576
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.