Textile Help

Block modifier syntax:

CSS attributes can be applied to blocks (paragraphs, headers, etc.). CSS classes are specifed with "(class)"; CSS IDs are specified with "(#id)"; both can be specified with "(class#id)". An arbtirary CSS style can be applied by using "{style}". Finally, language attributes are applied using "[language]".

Additionally, alignment and indentation shorthands are provided. To left-align, right-align, center, and justify text, use "<", ">", "=", and "<>", respectively. "(" left-indents a block 1em for each occurrence, and ")" right-indents similarly.

Tables have additional options. "^", "-", and "~" specify top, middle, and bottom vertical alignment. The "_" attribute on a cell indicates that it is a table header.

The examples below illustrate these attributes.

Phrase modifier syntax:

The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.

textile input	output
_emphasis_	emphasis
__italic__	italic
*strong*	strong
**bold**	bold
??citation??	citation
-delete text-	deleted text
+inserted text+	inserted text
^superscript^	superscript
~subscript~	subscript
@code@	code
%(class)span%	span
%{color:red;}span%	span
==no textile==	no textile
"link text":url	link text
"link text(title)":url	link text
!imageurl!
!imageurl(alt text)!
!imageurl!:url
ABC(Always Be Closing)	ABC
Footnote reference[17]	Footnote reference17

Per aggiungere un effetto lightbox alle tue immagini, inserisci l'attributo rel="lightbox" a ogni link per il quale vuoi attivare la lightbox. Per esempio:

<a href="immagine-1.jpg" rel="lightbox">immagine #1</a>

<a href="immagine-1.jpg" rel="lightbox[][la mia didascalia]">immagine #1</a>

Per inserire una didascalia, puoi usare l'attributo title oppure un secondo gruppo di parentesi quadre all'interno dell'attributo rel.

Se hai un insieme di immagini correlate che vuoi raggruppare, puoi farlo inserendo un nome per il gruppo tra parentesi quadre all'interno dell'attributo rel. Per esempio:

<a href="immagine-1.jpg" rel="lightbox[viaggio]">immagine #1</a>
<a href="immagine-2.jpg" rel="lightbox[viaggio][didascalia 2]">immagine #2</a>
<a href="immagine-3.jpg" rel="lightbox[viaggio][didascalia 3]">immagine #3</a>


Non ci sono limiti al numero di set di immagini per pagina o al numero di immagini per ciasun set.

Se vuoi trasformare la didascalia in un link, modifica la didascalia nel modo seguente:

<a href="immagine-1.jpg" rel='lightbox[][<a href="http://www.iltuolink.com">Guarda l'immagine in dettaglio</a>]' >immagine #1</a>

Per aggiungere uno slideshow di Lightbox alle tue immagini, inserisci un attributo rel="lightshow[nome dello slideshow][didascalia della slide]" a ciascun link che attiva lo slideshow. Per esempio:

<a href="immagine-1.jpg" rel="lightshow[show1]">immagine #1</a>
<a href="immagine-2.jpg" rel="lightshow[show1]">immagine #2</a>
<a href="immagine-3.jpg" rel="lightshow[show1]">immagine #3</a>


L'attributo title nel tag del link è facoltativo. L'aggiunta di questo attributo abilita la visualizzazione di una didascalia mentre l'immagine è visualizzata nella lightbox.

Non ci sono limiti al numero di slideshow inseribili in una pagina né al numero di immagini inserite in ciascuno slideshow.

Se vuoi trasformare la didascalia in un link, modifica la didascalia nel modo seguente:

<a href="immagine-1.jpg" rel='lightshow[show1][<a href="http://www.iltuolink.com">Guarda l'immagine in dettaglio</a>]'>immagine #1</a>

I contenuti quotati possono essere inseriti tra tag [quote], per ottenere la classica visualizzazione indentata. Ciascun tag [quote] deve avere un corrispondente tag [/quote]. Per esempio:

[quote]Questa e' una semplice citazione.[/quote]

In aggiunta, è disponibile un attributo facoltativo che consente di specificare l'autore dell'originale citato.

[quote=Sig. Rossi]Questa e' una citazione con una riga di attribuzione.[/quote]

Infine, più tag [quote] possono essere annidati l'uno nell'altro. Bisogna ricordare soltanto che ogni tag [quote] deve avere un corrispondente tag [/quote].

[quote]Credo che lei lo abbia detto benissimo...
[quote=Miss Testo quotato]Questa e' una citazione all'interno di un'altra citazione.[/quote]
ma tu non puoi uscirtene con
[quote=Miss Risposta]Piu' sono numerose le citazioni, meglio e'.
Solo, cerca di non farti prendere troppo la mano.[/quote]
Per quanto mi riguarda, non ho altro da dire.[/quote]

Filtro per SWF Tools

La sintassi di base per incorporare un file flash (.swf), un'animazione flash (.flv) o un file audio (.mp3) è la seguente:

[swf file="nomedelfile.swf"]

Se desideri sovrascrivere le impostazioni predefinite di SWF Tools e del player flash, puoi specificare dei parametri aggiuntivi. Per esempio:

[swf file="canzone.mp3" flashvars="backcolor=#AABBCC&&forecolor=#11AA11"]

Se vuoi ottenere in uscita una lista di file, il formato da usare è:

[swf files="immagine1.jpg&&immagine2.jpg&&..."]

• params : puoi specificare dei valori per i parametri da passare a Flash per controllare l'aspetto del contenuto in uscita. Valori tipici sono bgcolor e wmode. Esempio: params="wmode=true&&bgcolor="#00FF00" In alternativa, puoi fornire individualmente ciascun paramertro senza usare params. Esempio: wmode="true" bgcolor="#00FF00"
• flashvars : puoi specificare dei valori per l'output come flashvars, che vengono passati all'animazione Flash durante la riproduzione. Lo si fa spesso per controllare un media player. Fai riferimento alla documentazione del player flash che stai usando, per sapere quali opzioni flashvar sono disponibili. Esempio: flashvars="autostart=true&&volume=80"
• methods : informazioni facoltative su come visualizzare il file. L'uso più comune consiste nello specificare un particolare media player e così sovrascrivere il player predefinito che appare nella pagina delle impostazioni. Esempio: methods="player=onepixelout_mp3"

ATTENZIONE: con params, flashvars e altre variabili, passa valori multipli separandoli con &&.