phpbb3 & invision: Indicare lo stato dell'utente in un campo del profilo

Da **Niko** Mar 29 Apr 2014 - 22:43

Stato online/offline in un campo profilo

Questo tutorial ti permetterà di realizzare un campo nel profilo che indica lo stato di un membro sul tuo forum Forumattivo

phpbb3 & invision: Indicare lo stato dell'utente in un campo del profilo En_lig10

Per far si che questo tutorial funzioni, la versione del tuo forum deve essere phpbb3 o invision.

Creazione del campo profilo

Per creare il campo profilo andate verso PDA ► Utenti e gruppi ► Utenti ► Profili e aggiungete un nuovo campo profilo inserendo queste informazioni :new:

Tipo : Zona di testo
Nome : Status
Descrizione : a vostra scelta
URL icona : a vostra scelta
Necessario ? : No
Mostra : Messaggi
Tipo di visualizzazione : Testo
Chi può modificare ? : nessuno
Mostra questo campo per chi è almeno : Ospite
Separatore : Ritorno a linea

Inserite questo codice nel contenuto di default e salvate

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]

phpbb3 & invision: Indicare lo stato dell'utente in un campo del profilo Captu458

Per essere sicuri che tutti i membri abbiano il contenuto installato potete utilizzare questa funzione (riaprendo il campo del profilo status )

Aggiunta del CSS

Andate verso PDA ► visualizzazione ► Colori ► Foglio di stil CSS
Per far si che il codice funzioni sia quando il membro è online che quando è offline, inserite questo codice nel foglio e salvate

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, quelle per online e per offline
#is_on : è l'id della tabella che viene mostrata se l'utente è online
#is_off : è l'id della tabella che viene mostrata se l'utente è offline

Poete cambiare il colore del testo se l'utente è online o offline cambiando color:green; o color:red; con il colore a vostra scelta.

Potete anche essere creativi e cambiare il carattere del testo con font-family o aggiungere un ombra 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; }

Tutorial creato da: Ange Tuteur e tradotto da Niko
Copyrigth FORUMATTIVO.COM