Guida al BBCode

Introduzione

Cos’è il BBCode?
Il BBCode è una speciale implementazione dell’HTML. La possibilità di utilizzare i BBCode nei tuoi messaggi sul forum è stabilita dall’amministratore. Inoltre, è possibile disabilitare il BBCode in ogni messaggio attraverso il modulo di invio. Il BBCode è simile all’HTML, i tag sono racchiusi tra parentesi quadre [ e ] piuttosto che tra parentesi angolari < e > e offre un maggiore controllo su cosa e come qualcosa viene visualizzata. A seconda del modello grafico (template) che si sta utilizzando è possibile trovare l’aggiunta del BBCode nei tuoi messaggi in modo facile, attraverso un’interfaccia cliccabile sopra la zona messaggio sul modulo di invio. Anche con questo puoi trovare la seguente guida utile.
Top

Formattazione testo

Come creare il testo in grassetto, sottolineato o corsivo
Il BBCode include dei tag per permetterti di cambiare velocemente lo stile di base del tuo testo. Questo avviene nel seguente modo:
  • Per il testo in grassetto usa [b][/b], es.

    [b]Ciao[/b]

    diventerà Ciao
  • Per il testo sottolineato usa [u][/u], es.:

    [u]Buon giorno[/u]

    diventa Buon giorno
  • Per il testo in corsivo usa [i][/i], es.:

    Questo è [i]Grandioso![/i]

    diventa Questo è Grandioso!
Top
Come cambiare colore o grandezza al testo
Per modificare il colore o la grandezza del testo puoi usare i seguenti tag. Tieni a mente che il risultato di come apparirà dipende dal browser e dal sistema di chi lo vede:
  • Cambiare il colore al testo è possibile inserendolo in [color=][/color]. Puoi specificare sia un nome di colore riconosciuto (esempio: red, blue, yellow, ecc.) o l’alternativa esadecimale, come #FFFFFF, #000000. Ad esempio, per creare del testo rosso puoi usare:

    [color=red]Ciao![/color]

    oppure

    [color=#FF0000]Ciao![/color]

    Tutti e due daranno come risultato Ciao!
  • Cambiare la dimensione del testo è possibile in modo similare, usando [size=][/size]. Questo tag è influenzato dallo stile che l’utente ha selezionato, ma il formato raccomandato è un valore numerico rappresentante la dimensione del testo in percentuale, da 20 fino a 200 (molto grande) come da impostazioni predefinite. Per esempio:

    [size=30]Piccolo[/size]

    diventaPiccolo

    mentre:

    [size=200]Enorme![/size]

    diventa Enorme!
Top
Posso combinare più tag?
Certo che puoi, ad esempio per attirare l’attenzione di qualcuno puoi scrivere:

[size=200][color=red][b]Guardami![/b][/color][/size]

questo genera Guardami!

Ti consigliamo comunque di non esagerare e scrivere molto testo in questo modo. Ricordati inoltre che è compito tuo assicurarti che i tag siano chiusi correttamente. Ad esempio, quello che segue non è corretto:

[b][u]Questo è sbagliato[/b][/u]
Top

Citazioni e testo a larghezza fissa

Citazioni di testo nelle risposte
Ci sono due modi per fare una citazione, con un referente o senza.
  • Quando utilizzi la funzione Citazione per rispondere ad un messaggio sul forum devi notare che il testo del messaggio viene incluso nella finestra del messaggio tra [quote=""][/quote]. Questo metodo ti permette di fare una citazione riferendoti ad una persona o qualsiasi altra cosa che hai deciso di inserire! Per esempio, per citare un pezzo di testo di Mr. Blobby devi inserire:

    [quote="Mr. Blobby"]Il testo di Mr. Blobby andrà qui[/quote]

    Nel messaggio verrà automaticamente aggiunto, Mr. Blobby ha scritto: prima del testo citato. Ricorda che tu devi inserire le virgolette "" attorno al nome che stai citando; non sono opzionali.
  • Il secondo metodo ti permette di citare qualcosa senza referente. Per utilizzare questo metodo, racchiudi il testo tra i tag [quote][/quote]. Quando vedrai il messaggio comparirà semplicemente il testo dentro un riquadro di citazione.
Top
Mostrare il codice o dati a larghezza fissa
Se vuoi mostrare un pezzo di codice o qualcosa che ha bisogno di una larghezza fissa, come il carattere Courier, devi racchiudere il testo tra i tag [code][/code], es.

[code]echo "Questo è un codice";[/code]

Tutta la formattazione utilizzata tra i tag [code][/code] viene mantenuta quando viene visualizzata in seguito. Per evidenziare la sintassi PHP usa il tag [code=php][/code] ache ne permettono una lettura migliore.
Top

Generazione liste

Creare una lista non ordinata
Il BBCode supporta due tipi di liste, ordinate e non. Sono essenzialmente la stessa cosa del loro equivalente in HTML. Una lista non ordinata 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 [list][/list] e definisci ogni oggetto nella lista usando [*]. Per esempio per fare una lista dei tuoi colori preferiti puoi usare:

[list]
[*]Rosso
[*]Blu
[*]Giallo
[/list]

Questo mostrerà questa lista:
  • Rosso
  • Blu
  • Giallo

Alternativamente puoi specificare uno stile di elenco puntato usando [list=disc][/list], [list=circle][/list], o [list=square][/list].
Top
Creare una lista ordinata
Il secondo tipo di lista, una lista ordinata, ti permette di controllare ciò che è in uscita prima di ogni elemento. Per creare una lista ordinata si utilizza [list=1][/list] per creare una lista numerate o alternativamente [list=a][/list] una lista alfabetica. Come per la lista non ordinata, gli elementi vengono specificati utilizzando [*]. Per esempio:

[list=1]
[*]Vai al negozio
[*]Compra un nuovo computer
[*]Impreca sul computer quando si blocca
[/list]

mentre per una lista alfabetica devi usare:
  1. Vai al negozio
  2. Compra un nuovo computer
  3. Impreca sul computer quando si blocca
mentre per una lista alfabetica devi usare:

[list=a]
[*]La prima risposta possibile
[*]La seconda risposta possibile
[*]La terza risposta possibile
[/list]

sarà
  1. La prima risposta possibile
  2. La seconda risposta possibile
  3. La terza risposta possibile

[list=A]
[*]La prima risposta possibile
[*]La seconda risposta possibile
[*]La terza risposta possibile
[/list]

sarà
  1. La prima risposta possibile
  2. La seconda risposta possibile
  3. La terza risposta possibile

[list=i]
[*]La prima risposta possibile
[*]La seconda risposta possibile
[*]La terza risposta possibile
[/list]

sarà
  1. La prima risposta possibile
  2. La seconda risposta possibile
  3. La terza risposta possibile

[list=I]
[*]La prima risposta possibile
[*]La seconda risposta possibile
[*]La terza risposta possibile
[/list]

sarà
  1. La prima risposta possibile
  2. La seconda risposta possibile
  3. La terza risposta possibile
Top

Creazione collegamenti

Reindirizza su altro sito
Il BBCode di phpBB supporta diversi modi per creare URI (Uniform Resource Identifier) meglio conosciuti come URL (Uniform Resource Locator).
  • Il primo di questi utilizza il tag [url=][/url], qualunque cosa digiti dopo il segno = genererà il contenuto del tag che si comporterà come un URL. Per esempio per linkarsi a phpBB.com devi usare:

    [url=https://www.phpbb.com/]Visita phpBB![/url]

    Questo genera il seguente link, Visita phpBB! Nota che il collegamento si apre nella stessa finestra o scheda o in una nuova finestra o scheda, a seconda delle impostazioni del browser.
  • Se desideri che l’URL stesso sia visualizzato come collegamento, puoi farlo utilizzando semplicemente:

    [url]https://www.phpbb.com/[/url]

    Questo genera il seguente link, https://www.phpbb.com/
  • Inoltre phpBB dispone di una funzione chiamata Magic Links, questo cambierà ogni URL sintatticamente corretto in un link senza la necessità di specificare nessun tag o http://. Per esempio digitando www.phpbb.com nel tuo messaggio, automaticamente verrà cambiato in www.phpbb.com e verrà mostrato nel messaggio finale.
  • La stessa cosa accade per gli indirizzi email, puoi specificare un indirizzo esplicitamente, per esempio:

    [email]no.one@domain.adr[/email]

    che mostrerà no.one@domain.adr oppure puoi digitare no.one@domain.adr che verrà automaticamente convertito all’interno del tuo messaggio.
Come per tutti i tag del BBCode puoi includere URL in ogni altro tag come [img][/img] (guarda il punto successivo), [b][/b], ecc. Come per i tag di formattazione dipende da te verificare che tutti i tag siano correttamente aperti e chiusi, per esempio:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

non è corretto e potrebbe cancellare il tuo messaggio. Quindi presta attenzione.
Top

Visualizza immagini nei messaggi

Aggiungi un’immagine al messaggio
Il BBCode di phpBB incorpora un tag per includere immagini nei tuoi messaggi. Due cose molto importanti da ricordare quando utilizzi questo tag sono: molti utenti non gradiscono vedere molte immagini nei messaggi e, seconda cosa, l’immagine deve essere già disponibile su Internet (non può esistere solo sul tuo computer a meno che non si esegua un caricamento su un server web !). Per visualizzare un’immagine è necessario l’URL che rimanda all’immagine con tag [img][/img]. Per esempio:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Come indicato nella sezione URL descritta sopra è possibile disporre un’immagine in un tag [url][/url] se lo si desidera, per esempio

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

creerebbe:

Top
Aggiungi allegati in un messaggio
Gli allegati possono essere inseriti in qualsiasi parte di un messaggio utilizzando il nuovo BBCode [attachment=][/attachment], se la funzionalità degli allegati è stata abilitata da un amministratore e se sono state date le autorizzazioni appropriate per creare gli allegati. All’interno della schermata del messaggio c’è una casella a discesa (premendo un pulsante) per l’immissione degli allegati in linea.
Top

Incorporamento dei media

Come incorporare i contenuti multimediali da altri siti nei messaggi
Gli utenti possono incorporare contenuti come video e audio dai siti consentiti utilizzando i tags [media][/media], o semplicemente postando in testo normale un URL che lo supporta. Per esempio:

[media]https://youtu.be/QH2-TGUlwu4[/media]

Come notato sopra, il collegamento potrebbe anche essere utilizzato senza [media] tags.

L’esempio mostrato qui genererebbe:



Sono supportati i seguenti siti:
abcnews, acast, amazon, anchor, applepodcasts, audioboom, audiomack, audius, bandcamp, bbcnews, bitchute, bleacherreport, brightcove, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, dailymotion, democracynow, dumpert, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, getty, gfycat, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, livestream, mailru, medium, megaphone, metacafe, mixcloud, mlb, mrctv, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, nhl, npr, nytimes, odysee, orfium, pastebin, pinterest, podbean, prezi, reddit, rumble, rutube, scribd, sendvid, slideshare, sporcle, sportsnet, spotify, spreaker, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, ted, telegram, theatlantic, theguardian, theonion, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, washingtonpost, wavekit, wistia, wshh, wsj, xboxclips, xboxdvr, youku, youmaker, youtube.

Per la documentazione completa sui siti supportati e sugli URL di esempio, consulta la Documentazione sul plug-in multimediale incorporato.
Top

Altre questioni

Posso aggiungere i miei tag personali?
Se sei un amministratore di questa Board ed hai permessi adeguati, puoi aggiungere altri BBCode nella sezione BBCode personalizzati.
Top

BBCode dell'Advanced BBCode Box

Tipo di carattere
[font=Comic Sans MS]testo[/font]

Esempio:
[font=Comic Sans MS]Qualche vago ione tipo zolfo, bromo, sodio[/font]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Testo evidenziato
[highlight=yellow]testo[/highlight] Suggerimento: puoi anche usare color=#FF0000

Esempio:
[highlight=yellow]Qualche vago ione tipo zolfo, bromo, sodio[/highlight]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Allineamento testo
[align=center|left|right|justify]testo[/align]

Esempio:
[align=center]Qualche vago ione tipo zolfo, bromo, sodio[/align]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Float
[float=left|right]testo[/float]

Esempio:
[float=right]Qualche vago ione tipo zolfo, bromo, sodio[/float]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio

Top
Testo barrato
[s]testo[/s]

Esempio:
[s]Qualche vago ione tipo zolfo, bromo, sodio[/s]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Pedice
[sub]testo[/sub]

Esempio:
[sub]Qualche vago ione tipo zolfo, bromo, sodio[/sub] Qualche vago ione tipo zolfo, bromo, sodio

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio Qualche vago ione tipo zolfo, bromo, sodio
Top
Apice
[sup]testo[/sup]

Esempio:
[sup]Qualche vago ione tipo zolfo, bromo, sodio[/sup] Qualche vago ione tipo zolfo, bromo, sodio

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio Qualche vago ione tipo zolfo, bromo, sodio
Top
Testo con bagliore
[glow=color]testo[/glow]

Esempio:
[glow=red]Qualche vago ione tipo zolfo, bromo, sodio[/glow]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Shadow text
[shadow=color]testo[/shadow]

Esempio:
[shadow=blue]Qualche vago ione tipo zolfo, bromo, sodio[/shadow]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Colore testo con ombreggiatura
[dropshadow=color]testo[/dropshadow]

Esempio:
[dropshadow=blue]Qualche vago ione tipo zolfo, bromo, sodio[/dropshadow]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Testo con sfocatura
[blur=color]testo[/blur]

Esempio:
[blur=blue]Qualche vago ione tipo zolfo, bromo, sodio[/blur]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Testo con assolvenza/dissolvenza
[fade]testo[/fade]

Esempio:
[fade]Qualche vago ione tipo zolfo, bromo, sodio[/fade]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Testo preformattato
[pre]testo[/pre]

Esempio:
[pre]Qualche vago ione tipo zolfo, bromo, sodio Qualche vago ione tipo zolfo, bromo, sodio[/pre]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
	Qualche vago ione tipo zolfo, bromo, sodio

Top
Direzione testo
[dir=ltr|rtl]testo[/dir]

Esempio:
[dir=rtl]Qualche vago ione tipo zolfo, bromo, sodio[/dir]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Testo a scorrimento
[marq=up|down|left|right]testo[/marq]

Esempio:
[marq=left]Qualche vago ione tipo zolfo, bromo, sodio[/marq]

Risultato:
Qualche vago ione tipo zolfo, bromo, sodio
Top
Spoiler
[spoil]testo[/spoil]

Esempio:
[spoil]Qualche vago ione tipo zolfo, bromo, sodio[/spoil]

Risultato:
► Mostra testo

Top
Testo nascosto agli ospiti
[hidden]testo[/hidden]

Esempio:
[hidden]Qualche vago ione tipo zolfo, bromo, sodio[/hidden]

Risultato:
Contenuto nascosto
Registrati ed effettua l'accesso per visualizzare questo contenuto.

Top
Messaggio d'allerta
[mod=username]testo[/mod]

Esempio:
[mod=Nome utente]Qualche vago ione tipo zolfo, bromo, sodio[/mod]

Risultato:
 ! Messaggio da: Nome utente
Qualche vago ione tipo zolfo, bromo, sodio

Top
Messaggio Off Topic
[offtopic]testo[/offtopic]

Esempio:
[offtopic]Qualche vago ione tipo zolfo, bromo, sodio[/offtopic]

Risultato:
Off Topic
Qualche vago ione tipo zolfo, bromo, sodio

Top
NFO ASCII Art
[nfo]testo[/nfo]

Esempio:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Risultato:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯

Top
Inserimento video
[bbvideo]http://video_url[/bbvideo]

Esempio:
[bbvideo]https://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Risultato:

Top