Stampa Articolo

Aperiodico gratuito di informatica

 

YouTube, spoiler ed altri BBCode interessanti per phpBB

a cura di Alessandro "Ale2695" Frigoli, Alarico "BlackJack" Antoninetti

16/03/2011 - articolo

Internet - Consentire agli utenti di incorporare contenuti aggiuntivi o modificare la formattazione nei messaggi del vostro forum è davvero molto semplice: MegaLab.it vi fornisce una lista con i migliori Custom BBCode ed i relativi tag!

A partire dalla versione 3 di phpBB, è stata implementata la possibilità di inserire dei BBCode personalizzati, in modo da poter aggiungere diverse funzioni al vostro forum.

La funzionalità è raggiungibile dal menu Contenuti->BBCode del Pannello di Controllo Amministratore.

Premendo sul tasto Aggiungi nuovo BBCode, potrete inserire il nuovo BBCode personalizzato, attraverso i due pulsantini a destra invece potrete modificare o eliminare quelli già presenti.

Qui di seguito troverete una lista con tutti i BBCode più comuni corredati dei relativi Tag.

Testo centrato

Permette di centrare una parte del testo.

Uso del BBCode:

[center]{TEXT}[/center]

Trasformazione HTML:

<div style="text-align: center;">{TEXT}</div>

Risultato:

[center]testo centrato[/center]

Testo giustificato

Permette di giustificare una parte di testo.

Uso del BBCode:

[justify]{TEXT}[/justify]

Trasformazione HTML:

<div style="text-align: justify;">{TEXT}</div>

Risultato:

[justify]testo giustificato[/justify]

Allineamento a sinistra

Permette di allineare a sinistra parte del testo

Uso del BBCode:

[left]{TEXT}[/left]

Trasformazione HTML:

<div style="text-align: left;">{TEXT}</div>

Risultato:

[left]testo allineato sinistra[/left]

Allineamento a destra

Permette di allineare a destra parte del testo

Uso del BBCode:

[right]{TEXT}[/right]

Trasformazione HTML:

<div style="text-align: right;">{TEXT}</div>

Risultato:

[right]testo allineato destra[/right]

Font testo

Permette di cambiare il font del testo

Uso del BBCode:

[font={SIMPLETEXT}]{TEXT}[/font]

Trasformazione HTML:

[font={SIMPLETEXT}]{TEXT}[/font]

Risultato:

[font=Georgia]testo in Georgia font[/font]

Evidenziazione testo

Permette di evidenziare una parte del testo.

Uso del BBCode:

[background={COLOR}]{TEXT}[/background]

Trasformazione HTML:

<span style="background-color: {COLOR};">{TEXT}</span>

Risultato:

[background=yellow]testo evidenziato di giallo[/background]

Linea orizzontale testo

Permette di inserire una linea orizzontale di separazione.

Uso del BBCode:

[hr][/hr]

Trasformazione HTML:

<hr />

Risultato:

[hr]testo sbarrato[/hr]

Google Video

Permette di inserire i video di Google semplicemente inserendo il numero ID relativo al video.

Uso del BBCode:

[googlevideo]{NUMBER}[/googlevideo]

Trasformazione HTML:

<object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" width="400" height="326"> <param name="movie" value="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" /> <param name="allowScriptAcess" value="sameDomain" /> <param name="quality" value="best" /> <param name="bgcolor" value="#FFFFFF" /> <param name="scale" value="noScale" /> <param name="salign" value="TL" /> <param name="FlashVars" value="playerMode=embedded" /> </object>

Risultato:

[googlevideo]numero ID del video[/googlevideo]

YouTube Video

Permette di inserire i video di YouTube inserendo direttamente l'URL della risorsa Flash del video.

Uso del BBCode:

[youtube]{IDENTIFIER}[/youtube]

Trasformazione HTML:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/{IDENTIFIER}" width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}" /> <param name="wmode" value="transparent" /> </object>

Risultato:

[youtube]risorsa flash YouTube[/youtube]

La risorsa flash non è altro che la parte finale dell'URL dei video di YouTube:

http://www.youtube.com/watch?v=mE6Txr_LXZc&feature=related.

Copyright

Permette di inserire informazioni di copyright.

Uso del BBCode:

[copyright={URL}]{TEXT}[/copyright]

Trasformazione HTML:

<div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <div /> <span style="text-align:center;"><strong>Copyright &copy; <a href="{URL}" title="{TEXT}">{TEXT}</a> 2008. All Rights Reserved.</strong></span></div> </tr> </table> </div>

Risultato:

[copyright=http://www.megalab.it]MegaLab[/copyright]

PDF Viewer

Permette di incorporare documenti PDF tramite Google Docs.

Uso del BBCode:

[pdf]{URL}[/pdf]

Trasformazione HTML:

<iframe src="http://docs.google.com/gview?url={URL}&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

Risultato:

[pdf]http://www.sitoweb.com/documento.pdf[/pdf]

Spoiler

Permette di inserire un testo sotto forma di "spoiler" (simile al BBCode "MEMO" del forum di MLI).

Uso del BBCode:

[spoiler]{TEXT}[/spoiler]

Trasformazione HTML:

<h6><span>show spoiler»</span></h6>

Risultato:

[spoiler]testo sotto spoiler[/spoiler]

Conclusioni

I vari BBCode permettono di aggiungere moltissime funzionalità al vostro forum fornendo ai vostri utenti un'esperienza più completa. Esistono centinaia di BBCode che è possibile integrare nella propria piattaforma, ma quelli presenti in questo articolo sono a nostro parere i più comuni ed utili. Con l'esperienza sarà poi possibile realizzare interi BBCode partendo da zero, personalizzando ancor di più il vostro forum!

Ritengo questa funzionalità importantissima e molto comoda e versatile; si adatta a qualsiasi tipo di forum e ad ogni esigenza.

MegaLab.it rispetta la tua privacy. Per esercitare i tuoi diritti scrivi a: privacy@megalab.it .

Copyright 2008 MegaLab.it - Tutti i diritti sono riservati