Font Awesome Fast Tool

I codici pubblicati in questa guida vi consentiranno di inserire, nei messaggi del vostro forum, un ampio set di simboli (icone) utilizzabili con la stessa facilità delle normali emoticons, ma con maggiori possibilità di personalizzazione, dato che all'atto dell'inserimento è possibile variarne a scelta colore (fra 40 diverse colorazioni) e dimensioni (33 opzioni di dimensione disponibili), orientarle ruotandole di 90 gradi / 180 gradi / 270 gradi, è anche possibile inserire un piccolo effetto d'animazione, che consente di far ruotare i simboli ( 2 velocità di rotazione).

L'utilizzo da parte degli utenti è semplicissimo, una volta installati gli script nel forum apparirà un pulsante aggiuntivo (con testo personalizzabile, di default è ICONE) sia nel modulo di risposta normale che in quella di risposta rapida, il nuovo pulsante sarà posizionato a sinistra del pulsante URL, cliccandolo apparirà un popup contenente tutti i simboli disponibili (circa un migliaio di simboli, divisi in 14 categorie), opzionalmente ad ogni simbolo può essere associato un breve testo descrittivo (in inglese), per inserire il simbolo nel messaggio basterà cliccarlo, e nell'area di testo apparirà il codice corrispondente, esempio

che una volta inviato il messaggio farà apparire questo simbolo , nella parte alta del popup sono visibili 4 menù a tendina, che consentono di modificare i simboli, il primo è quello delle dimensioni, selezionando una dimensione i simboli verranno visualizzati (e se cliccati, inseriti) più grandi o più piccoli, un esempio, sempre col simbolo dell'ancora

che verrà visualizzata così , la dimensione di default (se non viene selezionata una dimensione personalizzata) si adatta automaticamente alla skin del forum (è la stessa dimensione del testo nei messaggi) col secondo menù si possono, nello stesso modo, colorare i simboli scegliendo il colore nella tendina prima di inserirli, un esempio di codice

come potete vedere la piccola ancora è ora rossa , col terzo menù si può orientarle

col codice dell'esempio l'ancora risulterà ruotata di 180 gradi , infine l'ultimo menù consente di inserire l'effetto di animazione, e far ruotare i simboli (opzione spin rotazione lenta, opzione pulse rotazione veloce)

, ovviamente è possibile combinare i diversi effetti

il risultato ottenuto con quel codice è

Tecnicamente è possibile, una volta installato lo script, usare questi simboli anche in codice HTML, ma per inserirli lì i codici andranno copiati manualmente, e il codice per il colore e le dimensioni (che lo script fornisce in bbcode, per l'inserimento nei messaggi) andrà convertito nell'equivalente HTML, qui un esempio di codice convertito usando la solita ancora

il risultato è sempre quello del codice precedente





I codici da installare sono tre, il primo è il link ad un foglio di stile

da inserire in Amministrazione > Sito web > Statistiche e opzioni > Codice da aggiungere nella sezione head, questa parte non richiede modifiche, vi sono poi due javascript

che vanno in Amministrazione > Grafica > Codice HTML > Codice HTML che sarà mostrato in FONDO a tutte le pagine, di questi due script, il primo serve per le due personalizzazioni possibili, esaminiamo quindi le due variabili che contiene

con var fa_butt_name si personalizza il testo contenuto nel pulsante aggiunto ai moduli di risposta, per inserire un vostro testo sostituite ICONE col termine desiderato, l'altra variabile, var fa_ico_descr, serve ad aggiungere o rimuovere il testo descrittivo delle icone nel popup, per togliere la descrizione sostituite il valore true con false (potete ottenere lo stesso risultato anche cancellando quella riga di codice)