Guida alla Creazione della Tabella Staff con i ForumFree Blogs

Molti utilizzano nel proprio forum una tabella personalizzata dove sono visualizzati tutti i membri dello staff del forum.
Queste tabelle però hanno una grande limitazione; non si possono inserire informazioni dinamiche di un utente quali i messaggi di un utente, lo stato online etc.
Come fare quindi ?
E' molto semplice, con i ForumFree Blogs.
Questi blog sono dotati di molte funzioni tra cui la visualizzazione dei profili.
Le modifiche sono facili ed intuitive, saltando però una parte della guida potreste non riuscire a fare tale tabella.
Ci sono, inoltre, diverse varianti della Tabella Forum noi vi illustreremo le più semplici e compatte; siete comunque liberi di modificare il codice a vostra scelta creando la vostra tabella personalizzata.

- Versione Base.
La versione base è la più semplice da installare e quella più facile da modificare.
Innanzitutto creiamo una sezione (o un forum, a discrezione dell'amministratore) e trasformiamolo in un blog.
Andiamo quindi in Amministrazione e accediamo alla pagina Gestione codice HTML.
Dopo che la pagina si è caricata completamente andiamo nel Box del Blog (o nel Box dell'HomePage se abbiamo installato il blog sull'intero forum), noi chiameremo la nostra sezione Tabella Staff.
Andiamo nel Box " Codice alla sinistra della sezione 'Tabella Staff' " e iniziamo le modifiche al nostro Blog.
Inseriamo all'inizio del Box

Avvertenze:

- Si consiglia di togliere il Box 'Visualizza registrazione veloce/login veloce', tramite l'apposito tool amministrativo presente in Amministrazione, Altre funzioni.
- Accertatevi che nei profili che inserite all'interno della vostra tabella staff non compaiano tag hr i quali spaginano la tabella irreparabilmente.

Analizziamo ora tutti i selettori,

#centerdiv farà si che il box centrale delle discussioni del blog non appaia.
#leftdiv, #rightdiv hanno una larghezza impostata al 50% quindi sarà possibile inserire per ogni riga due account (non è possibile inserirne di più).
.avatar non farà visualizzare gli Avatar.
p fa' si che rimangano tutte le varie righe allineate.
Inserito questo non ci rimane che inserire i vari profili, Come fare ?
Utilizzando semplicemente [PROFILE].
Inseriamo quindi il tag PROFILE nei due box del Blog.
Nel Box " Codice alla sinistra della sezione 'Tabella Staff' " inseriamo il primo e terzo profilo cioè

Quindi in " Codice alla destra della sezione 'Tabella Staff' " inseriamo il secondo e il quarto, come in immagine.

Alla fine di questo passaggio dovremmo avere una cosa di questo tipo

Clickiamo quindi su e avremo creato la Tabella dello Staff.

Il risultato finale sarà quindi

- Versione con Avatar.
Questa versione differenzia dalla precedente per la presenza dell'avatar dell'utente.
Per avere però una tabella ben allineata dovremo inserire un valore di larghezza e l'altezza così tutti gli avatar saranno ridimensionati a tali valori.
L'unica modifica da effettuare è al selettore .avatar.
Al posto di .avatar {display:none;} inseriamo .avatar {width: 100px; height: 100px; overflow: hidden} .
Il risultato sarà quindi

Per modificare le dimensioni degli avatar basterà modificare i valori width: 100px; height: 100px; con altri valori a nostra scelta (esempio width: 150px; height: 200px;).
Width definisce la larghezza.
Height definisce l'altezza.
Se un utente non ha un Avatar al suo posto verrà messo uno spazio trasparente delle dimensioni indicate.