Dato che iniziano ad essere tante vorrei raccoglierle in questa piccola guida da lasciare a disposizione e aggiornare col tempo.
Hidden
Questo BBcode serve semplicemente a nascondere parte di un post a chi non è loggato sul forum.
Testo da nascondere
Codice: Seleziona tutto
[hidden]Testo da nascondere[/hidden]
Emoji
Le Emoji sono supportate dal forum. Possono essere inserite utilizzando il copia&incolla da siti come https://emojipedia.org o https://emojikeyboard.org, lo svantaggio è che vengono inserite direttamente come immagine emoji, quindi se si edita il post, si perde la codifica all'intero dell'editor del post.
L'alternativa è inserire il nome dell'emoji racchiuso in una coppia di due punti(:), sostituendo gli spazi con underscore (_), ad esempio:
Codice: Seleziona tutto
[size=300]:banana: :banana: :banana: [/size]
Codice: Seleziona tutto
:neutral_face:
Video
Serve a includere dei file video (.mp4,.avi,...) indicandone l'url.
Codice: Seleziona tutto
[video]https://url.del.video/video.webm[/video]
Mention
Inserendo una @ nell'editor dei post, e iniziando a scrivere il nick di un utente, dovrebbe apparire un popup che consente di selezionare un utente del forum, al quale sarà inviata una notifica al post. Non è propriamente alla stato dell'arte, ha diversi bug che si spera prima o poi risolvano, tipo che non appaia il popup se all'inter del post viene usata una chiocciola non seguita da un nick.
@Utente
Codice: Seleziona tutto
[mention]Utente[/mention]
Table
Le tabelle richiedono un minimo di dimestichezza con l'html. Dato che sono state chieste più volte per dinasty, fantasy e quant'altro, le abbiamo messe. Nei prossimi giorni cercherò di farle vedere decentemente anche su mobile e magari Tapatalk se possibile (alle brutte potete sempre andare nel menu contestuale e visualizzare il post su web).
Table:
Codice: Seleziona tutto
[table width={NUMBER;optional}]...[/table]
Codice: Seleziona tutto
[tr={NUM_COLORE;optional}]...[/tr]
Codice: Seleziona tutto
[th={COLSPAN;optional},{ROWSPAN;optional}]...[/th]
Codice: Seleziona tutto
[td={COLSPAN;optional},{ROWSPAN;optional}]...[/td]
Int 1 | Int 2 | Int 3 |
---|---|---|
Cella 1-1 | Cella 1-2 | Cella 1-3 |
Cella 2-1 | Cella 2-2 | Cella 2-3 |
Cella 3-1 | Cella 3-2 | Cella 3-3 |
... | ... | ... |
[table] [tr][th]Int 1[/th][th]Int 2[/th][th]Int 3[/th][/tr] [tr][td]Cella 1-1[/td][td]Cella 1-2[/td][td]Cella 1-3[/td][/tr] [tr][td]Cella 2-1[/td][td]Cella 2-2[/td][td]Cella 2-3[/td][/tr] [tr][td]Cella 3-1[/td][td]Cella 3-2[/td][td]Cella 3-3[/td][/tr] [tr][td]...[/td][td]...[/td][td]...[/td][/tr] [/table]
Le celle di intestazione sono sempre centrate. Per centrare quelle di contenuto si può usare il bbcode Center all'interno della cella.
Per regolare la larghezza della tabella si può utilizzare l'attributo width nel bbcode della table (è un valore percentuale calcolato sulla larghezza del post, di default è 100).
Per colorare le righe di contenuto si può dare un attributo al bbcode delle righe (tr). niente= sfondo del post, 1= bianco, 2=giallo
Int 1 | Int 2 | Int 3 |
---|---|---|
Cella 1-1 | Cella 1-2 | Cella 1-3 |
Cella 2-1 | Cella 2-2 | Cella 2-3 |
Codice: Seleziona tutto
[table width=70]
[tr][th]Int 1[/th][th]Int 2[/th][th]Int 3[/th][/tr]
[tr][td]Cella 1-1[/td][td]Cella 1-2[/td][td]Cella 1-3[/td][/tr]
[tr=1][td]Cella 2-1[/td][td]Cella 2-2[/td][td]Cella 2-3[/td][/tr]
[tr][td][center]Cella 3-1[/center][/td][td][center]Cella 3-2[/center][/td][td][center]Cella 3-3[/center][/td][/tr]
[tr=2][td][center]...[/center][/td][td][center]...[/center][/td][td][center]...[/center][/td][/tr]
[/table]
Colspan e Rowspan servono a estendere le celle (di contenuto o intestazione) in verticale od orizzontale, non mi dilungo nella spiegazione, sono attributi familiari a chi conosce l'html.
cella 1 | cella 2 | cella 3 |
---|---|---|
Colspan 2 | cella 2 | |
Colspan 3 |
Rowspan 3 | rowspan 2 | cella 3 |
---|---|---|
cella 3 | ||
cella 2 | cella 3 |
Colspan 2, Rowspan 2 | ||
---|---|---|