Guia del BBCode

Introducció

Què és el BBCode?
El BBCode és una implementació especial de l’HTML. Si podeu o no utilitzar el BBCode en les vostres entrades del fòrum, ho determina l’administrador. Addicionalment, podeu desactivar el BBCode per a una entrada en concret al formulari de publicació d’entrades. El BBCode té un estil similar al de l’HTML, les etiquetes estan delimitades per claudàtors [ i ] en lloc de < i > i ofereix més control sobre què es mostra i com. Depenent de la plantilla que utilitzeu és possible que afegir BBCode a les vostres entrades sigui molt més fàcil utilitzant la interfície de botons situada a sobre de l’àrea del missatge en el formulari de publicació d’entrades. Amb tot, és probable que aquesta guia us sigui útil.
Torna a l’inici

Formatació del text

Com crear text en negreta, en cursiva o subratllat
El BBCode inclou etiquetes que us permeten canviar ràpidament l’estil bàsic del text. Ho podeu aconseguir de les maneres següents:
  • Per que un text aparegui en negreta fiqueu-lo entre [b][/b], p.ex.

    [b]Hola[/b]

    es convertirà en Hola
  • Per subratllar utilitzeu [u][/u], p.ex.:

    [u]Bon dia[/u]

    es convertirà en Bon dia
  • Per que un text aparegui en cursiva utilitzeu [i][/i], p.ex.

    És [i]genial![/i]

    es convertirà en És genial!
Torna a l’inici
Com canviar el color i la mida del text
Per canviar el color o la mida del text podeu utilitzar les etiquetes següents. Tingueu en compte que la manera com apareix el resultat depèn del sistema i el navegador utilitzats pels usuaris:
  • Per canviar el color d’un text, fiqueu-lo entre [color=][/color]. Podeu especificar el nom d’un color reconegut en anglès (p.ex. red, blue, yellow, etc.) o, alternativament, un triplet hexadecimal com ara #FFFFFF, #000000. Per exemple, per crear text de color roig podeu utilitzar:

    [color=red]Hola![/color]

    o bé

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

    Ambdós es convertiran en Hola!
  • Podeu canviar la mida del text de manera similar utilitzant [size=][/size]. Aquesta etiqueta depèn de la plantilla que l’usuari ha seleccionat però el format recomanat és un valor numèric que representa la mida del text amb un percentatge, començant pel 20 i acabant al 200 (enorme) per defecte. Per exemple:

    [size=30]PETIT[/size]

    normalment serà PETIT

    mentre que:

    [size=200]ENORME![/size]

    serà ENORME!
Torna a l’inici
Puc combinar etiquetes de formatació?
És clar que sí. Per exemple, per atreure l’atenció d’algú podrieu escriure:

[size=200][color=red][b]MIRA’M![/b][/color][/size]

que es convertiria en MIRA’M!

Això no obstant, us recomanem que no abuseu dels texts amb aquest estil! Quan escrigueu una entrada, assegureu-vos que les etiquetes estan tancades correctament. L’exemple següent és incorrecte:

[b][u]Això és incorrecte[/b][/u]
Torna a l’inici

Citar un text i mostrar text amb amplària fixa

Citar un text en una resposta
Hi ha dues maneres per citar un text, amb una referència o sense.
  • Quan utilitzeu la funció Cita per respondre a una entrada del fòrum fixeu-vos que el text de l’entrada s’afegeix a la finestra del missatge entre etiquetes [quote=""][/quote]. Aquest mètode us permet citar un text fent referència a una persona o a qualsevol altra cosa que hi vulgueu posar! Per exemple, per citar un fragment de text escrit pel senyor Cordills heu d’introduir:

    [quote="El senyor Cordills"]El text que ha escrit el senyor Cordills va aquí[/quote]

    Al resultat se li afegirà automàticament "El senyor Cordills ha escrit:" abans del text pròpiament citat. Recordeu que cal posar el nom de la persona que esteu citant entre cometes "" i que no són opcionals.
  • El segon mètode us permet citar qualsevol cosa que vulgueu. Per utilitzar-lo, poseu el text entre les etiquetes [quote][/quote]. Quan visualitzeu el missatge, simplement es mostrarà dintre d’un bloc per a citacions.
Torna a l’inici
Mostrar codi o dades amb amplària fixa
Si voleu mostrar un fragment de codi o qualsevol altra cosa que necessiti amplària fixa com ara el tipus de lletra Courier, heu de posar el text entre les etiquetes [code][/code]. Per exemple:

[code]echo "Això és un fragment de codi";[/code]

Tota la formatació utilitzada dintre de les etiquetes [code][/code] es manté en visualitzar-se després.
Torna a l’inici

Generació de llistes

Creació d’una llista desordenada
El BBCode permet l’ús de dos tipus de llistes, ordenades i desordenades. Bàsicament són com el seu equivalent en HTML. Una llista desordenada mostra cada element de la llista de manera seqüencial un darrere l’altre sagnant cadascun d’ells amb un pic. Per crear una llista desordenada utilitzeu [list][/list] i definiu cada element de la llista utilitzant [*]. Per exemple, per llistar els vostres colors preferits podeu utilitzar:

[list]
[*]Roig
[*]Blau
[*]Groc
[/list]

Això es convertirà en la llista següent:
  • Roig
  • Blau
  • Groc

Alternativament, podeu especificar l’estil dels pics de la llista utilitzant [list=disc][/list], [list=circle][/list], o [list=square][/list].
Torna a l’inici
Creació d’una llista ordenada
El segon tipus de llista, la llista ordenada, us permet controlar què apareix abans de cada element. Per crear una llista ordenada utilitzeu [list=1][/list] per crear una llista numerada o alternativament [list=a][/list] per una llista alfabètica. De la mateixa manera que amb la llista desordenada els elements de la llista s’especifiquen utilitzant [*]. Per exemple:

[list=1]
[*]Anar a la botiga
[*]Comprar un ordinador nou
[*]Maleir l’ordinador quan es penja
[/list]

es convertirà en :
  1. Anar a la botiga
  2. Comprar un ordinador nou
  3. Maleir l’ordinador quan es penja
Mentre que per a una llista alfabètica:

[list=a]
[*]La primera resposta possible
[*]La segona resposta possible
[*]La tercera resposta possible
[*]Cap de les anteriors
[/list]

es convertirà en:
  1. La primera resposta possible
  2. La segona resposta possible
  3. La tercera resposta possible
  4. Cap de les anteriors

[list=A]
[*]La primera resposta possible
[*]La segona resposta possible
[*]La tercera resposta possible
[*]Cap de les anteriors
[/list]

es convertirà en:
  1. La primera resposta possible
  2. La segona resposta possible
  3. La tercera resposta possible
  4. Cap de les anteriors

[list=i]
[*]La primera resposta possible
[*]La segona resposta possible
[*]La tercera resposta possible
[*]Cap de les anteriors
[/list]

es convertirà en:
  1. La primera resposta possible
  2. La segona resposta possible
  3. La tercera resposta possible
  4. Cap de les anteriors

[list=I]
[*]La primera resposta possible
[*]La segona resposta possible
[*]La tercera resposta possible
[*]Cap de les anteriors
[/list]

es convertirà en:
  1. La primera resposta possible
  2. La segona resposta possible
  3. La tercera resposta possible
  4. Cap de les anteriors
Torna a l’inici

Creació d’enllaços

Enllaços a altres llocs web
El BBCode admet diverses maneres diferents de crear enllaços.
  • La primera utilitza l’etiqueta [url=][/url], qualsevol cosa que escrigueu despres del signe = farà que el contingut de l’etiqueta es tracti com un URL. Per exemple, per enllaçar amb phpBB.com podeu utilitzar:

    [url=https://www.phpbb.com/]Visiteu el lloc web del phpBB![/url]

    Això es convertirà en l’enllaç següent, Visiteu el lloc web del phpBB! Tingueu en compte que l’enllaç s’obrirà en la mateixa finestra o bé en una finestra nova depenent de la configuració del navegador de l’usuari.
  • Si voleu que el propi URL es mostri en el text de l’enllaç, simplement utilitzeu:

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

    que es convertirà en l’enllaç següent, https://www.phpbb.com/
  • A més, el phpBB us proporciona una funció anomenada Enllaços Màgics, que convertirà qualsevol URL sintàcticament correcte en un enllaç sense que us calgui especificar ni les etiquetes ni el prefix http://. Per exemple, si escriviu www.phpbb.com en un missatge, automàticament es convertirà en www.phpbb.com quan el visualitzeu.
  • El mateix passa amb les adreces de correu electrònic, podeu especificar l’adreça explicitament:

    [email]ningu@domini.adr[/email]

    la qual cosa es convertirà en ningu@domini.adr o bé simplement escriviu ningu@domini.adr dintre del vostre missatge i es farà la conversió automàticament quan el visualitzeu.
De la mateixa manera que les altres etiquetes del BBCode, podeu posar un enllaç dintre d’altres etiquetes com ara [img][/img] (vegeu l’entrada següent), [b][/b], etc. Igual que amb les etiquetes de formatació, cal que respecteu l’ordre en què s’obren i es tanquen, per exemple:

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

no és correcte la qual cosa podria provocar que l’entrada sigui eliminada.
Torna a l’inici

Mostrar imatges en una entrada

Afegir una imatge a una entrada
El BBCode té una etiqueta per incloure imatges en les entrades. Les dues coses que cal recordar quan utilitzeu aquesta etiqueta són: les entrades on es mostren moltes imatges molesten a la majoria d’usuaris i, sobretot, cal que la imatge que voleu mostrar estigui disponible a Internet (això vol dir que no pot existir només en el vostre ordinador si no és que es tracta d’un servidor web!). Per mostrar una imatge heu de posar l’URL que l’identifica entre etiquetes [img][/img]. Per exemple:

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

Tal com s’ha explicat en la secció d’enllaços, podeu posar una imatge dintre de les etiquetes [url][/url], per exemple:

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

es convertirà en:

Torna a l’inici
Afegir fitxers adjunts a una entrada
Podeu afegir fitxers adjunts en qualsevol part d’una entrada utilitzant el nou BBCode [attachment=][/attachment], si la funció de fitxers adjunts ha estat activada per l’administrador del fòrum i si us han assignat els permisos corresponents. A la finestra de creació d’entrades trobareu un desplegable (o bé un botó) que us permetrà situar els fitxer adjunts en línia.
Torna a l’inici

Altres questions

Puc afegir les meves pròpies etiquetes?
Si sou un administrador d’aquest fòrum i teniu els permisos adequats, podeu afegir BBCodes addicionals a la secció BBCodes Personalitzats.
Torna a l’inici

Advanced BBCode Box BBCodes

Font type
[font=Comic Sans MS]text[/font]

Example:
[font=Comic Sans MS]The quick brown fox jumps over the lazy dog[/font]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Highlight text
[highlight=yellow]text[/highlight] Tip: you can also use color=#FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Align text
[align=center|left|right|justify]text[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Float text
[float=left|right]text[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Strike-through text
[s]text[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Subscript text
[sub]text[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Torna a l’inici
Superscript text
[sup]text[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Torna a l’inici
Glow text
[glow=color]text[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Shadow text
[shadow=color]text[/shadow]

Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Drop shadow text
[dropshadow=color]text[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Blur text
[blur=color]text[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Text fadein / fadeout
[fade]text[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Preformatted text
[pre]text[/pre]

Example:
[pre]The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog[/pre]

Result:
The quick brown fox jumps over the lazy dog
	The quick brown fox jumps over the lazy dog
Torna a l’inici
Text direction
[dir=ltr|rtl]text[/dir]

Example:
[dir=rtl]The quick brown fox jumps over the lazy dog[/dir]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Marquee text
[marq=up|down|left|right]text[/marq]

Example:
[marq=left]The quick brown fox jumps over the lazy dog[/marq]

Result:
The quick brown fox jumps over the lazy dog
Torna a l’inici
Spoiler message
[spoil]text[/spoil]

Example:
[spoil]The quick brown fox jumps over the lazy dog[/spoil]

Result:
► Show Spoiler
Torna a l’inici
Alert message
[mod=username]text[/mod]

Example:
[mod=Nom d’usuari]The quick brown fox jumps over the lazy dog[/mod]

Result:
 ! Missatge des de: Nom d’usuari
The quick brown fox jumps over the lazy dog
Torna a l’inici
Off Topic message
[offtopic]text[/offtopic]

Example:
[offtopic]The quick brown fox jumps over the lazy dog[/offtopic]

Result:
Off Topic
The quick brown fox jumps over the lazy dog
Torna a l’inici
NFO ascii art text
[nfo]text[/nfo]

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

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯
Torna a l’inici
Embed any video site url
[bbvideo]http://video_url[/bbvideo]

Example:
[bbvideo]http://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Result:
Torna a l’inici