Guida BBCode

Introduzione

  • Cos'è il BBCode?

    • 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.

Formattazione del 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]Grande![/i]

        diventa Questo è Grande!
  • Posso allineare il testo?

    • Certamente, puoi allinearlo a sinistra, al centro, a destra e giustificarlo. Ti basta usare i seguenti tags: [align=left]ALLINEAMENTO A SINISTRA[/align], [align=center]ALLINEAMENTO AL CENTRO[/align], [align=right]ALLINEAMENTO A DESTRA[/align], [align=justify]GIUSTIFICA IL TESTO[/align].
  • Come cambiare il colore o la dimensione del testo

    • Per modificare il colore o la dimensione del testo puoi usare i seguenti tags. Ricordati che queste impostazioni dipendono dal browser e dal sistyema di chi guarda il messaggio:
      • Per cambiare il colore del testo racchiudilo tra [color=][/color]. Puoi anche specificare un nome di colore conosciuto (es. rosso, blu, giallo, ecc.) o alternativamente il codice esadecimale, es. #FFFFFF, #000000. Per esempio, per creare un testo rosso puoi usare:

        [color=red]Ciao![/color]

        or

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

        entrambi danno come risultato Ciao!
      • Per cambiare la dimensione del testo usa [size=][/size]. Questo tag dipende dal modello che stai usando ma il formato raccomandato è un valore numerico che rappresenti la dimensione del testo in pixels, iniziando da 1 (così piccolo che non si riesce a vedere) fino a 29 (molto grande). Per esempio:

        [size=9]PICCOLO[/size]

        generalmente è PICCOLO

        mentre:

        [size=24]ENORME![/size]

        sarà ENORME!
  • Posso combinare i tags di formattazione?

    • Sì, certo, per esempio per richiamare l'attenzione puoi scrivere:

      [size=18][color=red][b]GUARDAMI![/b][/color][/size]

      cioè GUARDAMI!

      Ti consigliamo di non usare troppo testo come questo, comunque! Ricorda che tu, l'autore, devi assicurarti che tutti i tags siano chiusi in modo corretto. Per esempio, quello che segue non è corretto:

      [b][u]Questo è sbagliato[/b][/u]
  • Posso far scorrere del testo?

    • Sì, certo, può scorrere a sinistra, destra, in altro e in basso. Per esempio per far scorrere del testo a sinistra puoi scrivere:

      [marquee direction=left]SINISTRA![/marquee]
  • Posso usare altri tags per il testo?

    • Puoi usare l'Apice e il Pedice con i tags: [sup]APICE[/sup] e [sub]PEDICE[/sub], es.

      [sup]APICE[/sup]

      diventerà APICE e

      [sub]PEDICE[/sub]

      diventerà PEDICE

      Puoi evidenziare del testo con il tags: [highlight=#FFFFAA]TESTO DA EVIDENZIARE[/highlight], puoi sfumarlo con il tags: [opacity]TESTO DA SFUMARE[/opacity] e puoi renderlo gradiente con il tags: [rainbow]TESTO GRADIENTE[/rainbow]

      Ricorda che devi assicurarti che tutti i tags siano chiusi in modo corretto, altrimenti la visualizzazione della pagina potrebbe non essere corretta e potrebbe anche violare le richieste del W3C sulla formattazione delle pagine. Per esempio, quello che segue non è corretto:

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

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 includere le parentesi "" attorno al nome che stai citando, non sono opzionali.
      • Il secondo metodo ti permette di citare qualcosa alla cieca. Per utilizzare questo metodo, racchiudi il testo tra i tags [quote][/quote]. Quando vedrai il messaggio comparirà semplicemente, Citazione: prima del testo stesso.
  • Mostrare il codice

    • Se vuoi mostrare un pezzo di codice o qualcosa che ha bisogno di una larghezza fissa, es. Courier devi racchiudere il testo tra i tags [code][/code], es.

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

      Tutta la formattazione utilizzata tra i tags [code][/code] viene mantenuta quando viene visualizzata in seguito.

Creazione di liste e linea

  • Creare una lista non ordinata

    • 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
  • Creare una lista ordinata

    • Una lista ordinata ti permette di controllare il modo in cui ogni oggetto della lista viene mostrato. Per creare una lista ordinata usa [list=1][/list] per creare una lista numerata o alternativamente [list=a][/list] per una lista alfabetica. Come per la lista non ordinata gli oggetti vengono specificati utilizzando [*]. Per esempio:

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

      verrà mostrato così:
      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
  • Linea orizzontale

    • Per aggiungere una linea orizzontale, ti basta inserire il tag [hr].

Creare Links

  • Linkare un altro sito

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

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

        Questo genera il seguente link, Visita phpBB! Come puoi vedere il link si apre in una nuova finestra così l'utente può continuare a navigare nei forum.
      • Se vuoi che l'URL stesso venga mostrato come link puoi fare questo semplicemente usando:

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

        Questo genera il seguente link, http://www.phpbb.com/
      • Inoltre phpBB dispone di una cosa chiamata Magic Links, questo cambierà ogni URL sintatticamente corretta 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.icyphoenix.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 o puoi digitare no.one@domain.adr nel tuo messaggio e verrà automaticamente convertito.
      Come per tutti i tag del BBCode puoi includere le URL in ogni altro tag come [img][/img] (guarda il successivo punto), [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=http://www.icyphoenix.com/][img]http://www.icyphoenix.com/images/logo_ip.png[/url][/img]

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

Mostrare immagini nei messaggi

  • Aggiungere una immagine al messaggio

    • Il BBCode di Icy Phoenix incorpora un tag per l'inclusione di immagini nei tuoi messaggi. Ci sono due cose importanti da ricordare nell'usare questo tag; a molti utenti non piacciono molte immagini nei messaggi e in secondo luogo l'immagine deve essere già disponibile su internet (non può esistere solo sul tuo computer per esempio, a meno che tu non abbia un webserver!). Non c'è modo di salvare le immagini localmente con phpBB (forse nella prossima release di phpBB). Per mostrare delle immagini devi inserire l'URL che rimanda all'immagine con il tag [img][/img]. Per esempio:

      [img]http://www.icyphoenix.com/images/logo_ip.png[/img]

      Puoi inserire un'immagine nel tag [url][/url] se vuoi, es.

      [url=http://www.icyphoenix.com/][img]http://www.icyphoenix.com/images/logo_ip.png[/img][/url]

      genera:



      Puoi anche allineare le immagini come preferisci, utilizzando i tags [img align=left][/img] per allinearla a sinistra e [img align=right][/img] per allinearla a destra.

      Se vuoi sfumare un immagine, puoi utilizzare il tag [opacity][img]URL DELL'IMMAGINE[/img][/opacity]
  • Aggiungere al messaggio un immagine presente nell'album

    • Se vuoi aggiungere al tuo messaggio un immagine presente nell'album del forum, è presente un apposito tag [albumimg]ID[/albumimg], in questo tag non dovrai immettere un URL che rimanda all'immagine ma basterà inserire l'ID che troverai visualizzando l'immagine stessa all'interno dell'album. Puoi anche sceglere di allinearla a sinistra con il tag [albumimg align=left]ID[/albumimg] o a destra con il tag [albumimg align=right]ID[/albumimg]

Multimedialità nei messaggi

  • Aggiungere un video o audio ai messaggi

    • In questo forum puoi inserire quasi tutti i tipi di multimedia. Video in formato Windows Media Video, Quick Time e Real Media, filmati Flash anche da YouTube e GoogleVideo, audio in streaming ed MP3. Espempi pratici:

      Per inserire un video in formato .wmv, puoi usare il tag [video width=320 height=240]URL DEL FILE DEL VIDEO[/video].

      Per inserire un video .mov, il formato Quick Time, ti basta inserire il tag [quick]URL DEL FILE VIDEO[/quick], mentre per i filmati Real Media puoi utilizzare il tag [ram]URL DEL FILE RM[/ram]

      Puoi aggiungere ai tuoi messaggi filmati in Adobe Flash .swf con il tag [flash width=320 height=240]URL DEL FILE FLASH[/flash].

      Per i file Video, Flash, e possibile specificare anche la larghezza e l'altezza modificando all'interno del tag la parte width=320 height=240

      Se invece vuoi condividere con gli altri utenti del forum un video caricato o visualizzato su GoogleVideo o YouTube, ti basta utilizzare il tag [googlevideo]ID[/googlevideo] per i video di Google e [youtube]ID[/youtube] per i video provenienti da YouTube.

      In entrambi i casi, non dovrai inserire l'URL del video ma solo l'ID, esempio di URL di YouTube http://www.youtube.com/watch?v=icyphoenix2007_1, ti basterà inserire [youtube]icyphoenix2007_1[/youtube], stesso discorso per GoogleVideo, se l'URL è http://video.google.it/videoplay?docid=1234567890, dovrai inserire [googlevideo]1234567890[/googlevideo].

      Per file audio o in formato MP3, usa i tags: [stream]URL DEL FILE AUDIO[/stream] e [emff]URL DEL FILE MP3[/emff]

      Tutti i marchi citati, appartengono ai rispettivi proprietari.

Altro

  • Posso aggiungere i miei tag personali?

    • No, non direttamente tramite il pannello di amministrazione. Se conosci il PHP puoi provare a modificare il file includes/bbcode.php per aggiungere altri tags.