Indicare se l'utente è online nei messaggi (phpBB3 & Invision)

Tutorial Indicare se l'utente è online nei messaggi (phpBB3 & Invision)

Messaggio Da Niko Ven 23 Gen 2015 - 22:10

Indicare se l'utente è online nei messaggi (phpBB3 & Invision)

Indicare se l'utente è online nei messaggi (phpBB3 & Invision) Sug1012

Indicare se l'utente è online nei messaggi (phpBB3 & Invision)

Questo tutorial ti permetterà di aggiungere un #campo #profilo che indica lo stato (online/offline) del tuo forum Forumattivo.

Indicare se l'utente è online nei messaggi (phpBB3 & Invision) En_lig10

Indicare se l'utente è online nei messaggi (phpBB3 & Invision) Act_bottomExclamation Questo tutorial funziona solo con #PhpBB3 & #Invision

Creazione del campo profilo
Per creare il campo profilo vai verso PDA ? Utenti & Gruppi ? Utenti ? Profilo e aggiungi un nuovo campo aggiungendo queste informazioni :new:

Tipo: Zona di testo
Nome: Status
Descrizione: A tua scelta
Icona URL: A tua scelta
Da riempire obbligatoriamente: No
Affissione: Messaggi
Tipo di affissione: Testo
Chi può modificare il valore del suo contenuto? Nessuno
Pubblicare questo campo per gli utenti che hanno almeno lo statuto: Ospite
Separatore: Salto di linea

Inserisci il seguente contenuto nel valore predefinito e salva le modifiche :new:
Codice:
[table id="is_on" class="user_status"][tr][td]Online[/td][/tr][/table][table id="is_off" class="user_status"][tr][td]Offline[/td][/tr][/table]

Indicare se l'utente è online nei messaggi (phpBB3 & Invision) Tutoa10

Per assicurarti che tutti i membri abbiano il contenuto predefinito, modifica il campo, scorri fino in fondo e clicca sul bottone "Sostituisci contenuto". In seguito premi "Si" per applicare il contenuto a tutti membri esistenti Wink

Indicare se l'utente è online nei messaggi (phpBB3 & Invision) Tutob10



Aggiunta del codice CSS
Vai verso PDA ? Visualizzazione ? Colori ? Foglio di stile CSS. Per far si che la funzione del campo funzioni correttamente quando i membri sono online o offline, incolla questo contenuto nel css e salva le modifiche :new:

Codice:
.user_status {
    vertical-align:top;
    border-spacing:0;
    display:inline;
}

#is_on.user_status { color:green }
#is_off.user_status { color:red }

.post #is_on.user_status { display:none }
.post.online #is_off.user_status{ display:none }
.post.online #is_on.user_status { display:inline }

Spiegazione:
.user_status: è la classe data ad entrambe le tabelle per online e offline
#is_on: è l'ID dato alla tabella visualizzata quando il membro è online
#is_off: è l'ID dato alla tabella visualizzata quando il membro è offline

Puoi cambiare il colore del testo Online e offline cambiando color:green; o color:red; con il colore a tua scelta. Puoi usare colori hex, come testo o come RGB.

Puoi anche essere creativo e cambiare il font con font-family o aggiungere un alone con text-shadow
Codice:
#is_on.user_status {
    color:green;
    font-family:papyrus;
    text-shadow:0px 0px 3px green;
}
#is_off.user_status {
    color:red;
    font-family:papyrus;
    text-shadow:0px 0px 3px red;
}

Ed ecco fatto :good:




© Forum dei forum


Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth ©️ FORUMATTIVO.COM

Tutorial originale a cura di Ange Tuteur del forum di supporto inglese

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.