Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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


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

Messaggio Da Niko il 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



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]




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




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



Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7668
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum