[Tutorial] Aggiungere stato offline in prosilver in phpbb3

[supercapocc]

[Tutorial] Aggiungere stato offline in prosilver in phpbb3

Il tema prosilver è indubbiamente lo stile più utilizzato dagli amministratori di forum phpbb3.
Prosilver è veloce nel caricamento, gradevole alla vista e ha un codice "pulito".

Presenta, però, alcune lacune, niente di considerevole, sapendo dove mettere le mani.

Una di queste lacune è la mancanza di un'icona per indicare che l'autore di un post o di un messaggio privato, non è al momento collegato. E' prevista, invece, un'immagine di background per indicare che l'utente è in linea.

Come ho detto, si tratta di uno sfondo di un div, soluzione che può creare dei problemi, specialmente se si decidesse di spostare gli avatar a sinistra.

Con questo tutorial vedremo come eliminare questo sfondo, sostituendola con un'immagine incorporate nei dati dell'autore, aggiungendo anche l'icona per lo stato offline.

La prima cosa da fare è procurarsi due immagini, una per lo stato in linea l'altra per lo stato offline. Possiamo farle da noi con un programma di grafica, oppure cercare un pò in rete.

Una volta create queste immagini (che chiameremo icon_user_offline.gif e icon_user_online.gif) le andremo a collocare nella cartella styles/prosilver/imageset/it .
Successivamente apriamo il file **styles/prosilver/imageset/it/imageset.cfg **e cerchiamo queste stringhe :

img_icon_user_online = icon_user_online.gif*58*58
img_icon_user_offline = icon_user_offline.gif

Come vedete per l'icona online sono previste le dimensioni di defualt, al contrario di offline, per la prima dobbiamo aggiornarle con quelle della nostra nuova immagine (il primo numero si riferisce all'altezza il secondo alla larghezza) mentre per la seconda dobbiamo proprio aggiungerle !

Bene, andiamo avanti, apriamo il file **styles/prosilver/template/viewtopic_body.html **e cancelliamo questa riga di codice :

[html]<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->[/html]

Così abbiamo eliminato lo sfondo online !

Adesso cerchiamo sempre nello stesso file :

[html]<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
</dt>[/html]

e aggiungiamo subito dopo :

[html]<!-- IF postrow.ONLINE_IMG -->
<dd>{postrow.ONLINE_IMG}</dd>
<!-- ENDIF -->[/html]

La modifica analoga va fatta anche per le visualizzazioni dei messaggi privati e del profilo utente.

Apriamo il file ucp_pm_viewmessage.html e eliminiamo questa stringa :

[html]<!-- IF S_ONLINE --> online<!-- ENDIF -->[/html]

Cerchiamo :

[html] <dt><!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}">{AUTHOR_AVATAR}</a><br /><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>[/html]

e aggiungiamo subito dopo:

[html] <!-- IF ONLINE_IMG --><dd>{ONLINE_IMG}</dd><!-- ENDIF -->
[/html]

Ripetiamo la stessa identica operazione per il file memberlist_view.html.

Aggiorniamo il template e questo deve essere il risultato finale :