BBCode è un ampliamento speciale del codice HTML. L'uso del BBCode nei tuoi messaggi è determinato dall'amministratore. Inoltre puoi disabilitare il BBCode in ogni messaggio attraverso il modulo di invio. Il BBCode ha uno stile simile all'HTML, i tag sono racchiusi in parentesi quadre [ e ] piuttosto che in < e > e offre grande controllo su cosa e come vogliamo mostrare il messaggio. La facilità di utilizzo del BBCode nei tuoi messaggi dipende dal modello che stai utilizzando. Per ogni problema puoi far riferimento a questa guida.
Per modificare il colore o la dimensione del testo possono essere utilizzati i seguenti tag:
Per cambiare il colore del testo è possibile specificare un colore conosciuto (es: rosso, blu, giallo, ecc) oppure un codice di colore esadecimale (es: #FFFFFF, # 000000):
Per cambiare la dimensione del testo è necessario specificare la dimensione del testo in pixel, da 1 (così piccolo da non vedersi) a 29 (molto grande):
Per cambiare il tipo di carattere è necessario specificare un tipo di carattere riconosciuto (es: Verdana, Arial). Se un utente non dispone di questo carattere allora ne sarà visualizzato uno di default:
Codice:
[font=Arial]Font Arial[/font] oppure [font=Comic Sans Ms]Font Comic Sans Ms[/font]
Tuttavia si consiglia di non utilizzare frequentemente testi come quello sopra! Ricordati che è molto importante chiudere correttamente tutti i tag. L'esempio che segue NON è corretto:
Se si vuole far vedere un pezzo di codice (HTML o altro) oppure qualcosa che ha bisogno di una larghezza fissa con il font Courier-type, è necessario utilizzare il seguente BBCode:
Codice:
[code]echo "Questo è un codice";[/code]
Risultato:
Codice:
echo "Questo è un codice";
È proprio quello che noi stiamo usando in questa guida per mostrare tutti i BBCodes che è possibile utilizzare.
Il BBCode supporta due tipi di liste: quelle ordinate e quelle non ordinate. Un elenco non ordinato mostra ogni oggetto nella tua lista in modo sequenziale, uno dopo l'altro inserendo un punto per ogni riga. Per creare una lista non ordinata usa questo codice:
Codice:
[list][/list]
e definisci al proprio interno ciascun oggetto della lista usando [*]. Per esempio, per creare una lista dei tuoi colori preferiti puoi usare:
Il secondo tipo di elenco vi da il controllo su quello che sarà pubblicato prima di ogni entrata. Per creare una lista ordinata ci sono due possibilità:
Un elenco numerato:
Codice:
[list=1][*]Fare la spesa[*]Comprare un nuovo computer[*]Pubblicare un argomento sul mio forum[/list]
Risultato:
Fare la spesa
Comprare un nuovo computer
Pubblicare un argomento sul mio forum
Un elenco alfabetico:
Codice:
[list=a][*]La prima risposta possibile[*]La seconda risposta possible[*]La terza risposta possible[/list]
Terzo metodo: questo forum ha una funzionalità chiamata 'Magic Links', che converte automaticamente un URL in un link cliccabile, senza la necessità di inserire un tag BBCode né http://. Ad esempio, scrivendo:
Codice:
www.forumattivo.com
Nel tuo messaggio sarà automaticamente messo in link: [url=https://www.forumattivo.com]www.forumattivo.com[/url].
Il BBCode incorpora un tag per l'inclusione di immagini nei tuoi messaggi. Due cose molto importanti da ricordare quando si utilizza questo tag sono: a molti utenti non piacciono molte immagini nei messaggi e l'immagine deve essere già disponibile su Internet (non può esistere solo sul tuo computer). È possibile caricare gratuitamente le immagini su Internet da un sito hosting di immagini, come [url=https://servimg.com/]www.servimg.com[/url]. Per postare un'immagine è necessario procedere come segue:
Ci sono quattro differenti possibilità di posizionamento per i testi. Eccole:
Allineamento a sinistra:
Codice:
[left]Frase allineata a sinistra:[/left]
Risultato:
Frase allineata a sinistra
La centratura:
Codice:
[center]Testo centrato[/center]
Risultato:
Testo centrato
Allineamento a destra:
Codice:
[right]Frase alineata a destra[/right]
Risultato:
Frase allineata a destra
La giustificazione:
Codice:
[justify]Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/justify]
Risultato:
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Il BBCode per inserire una tabella in un messaggio è identico ai tag utilizzati in HTML. Per creare una tabella è necessario iniziare con la creazione di un tag 'table', bisogna poi inserire una o più righe tramite il tag 'tr'. Una riga può contenere uno o più celle (colonne) tramite il tag 'td'.
Per esempio, per creare una tabella di due righe e tre colonne bisognerà digitare quanto segue:
È inoltre possibile aggiungere stili nel BBcode 'table'. Questi sono identici a quelli usati in HTML. Puoi per esempio aggiungere un bordo alla tabella grazie all'attributo 'border'.
Altri attributi disponibili sono: cellspacing, cellpadding, width, ecc.
Le tabelle devono essere usate con cautela, si prega di prestare attenzione al tag di apertura e chiusura. Se si commette un errore di apertura o di chiusura non si potrà ottenere l'effetto desiderato.
Ci sono quattro BBcodes che producono effetti sui vostri messaggi che sono a vostra totale disposizione. Tuttavia questi codici potrebbero non essere compatibili con tutti i browser e i forum.
Il primo è un effetto specchio verticale (simmetria verticale) sul testo:
Codice:
[flipv]Effetto specchio verticale[/flipv]
Risultato: Effetto specchio verticale
Il secondo è un effetto specchio orizzontale (simmetria orizzontale) sul testo:
Codice:
[fliph]Effetto specchio orizzontale[/fliph]
Risultato: Effetto specchio orizzontalel
Se si desidera un effetto di sfocatura nel testo, è possibile utilizzare questo BBcode:
Codice:
[blur]Messaggio offuscato[/blur]
Risultato: Messaggio offuscato
L'ultimo BBcode d'effetto è quello della dissolvenza sfumata: