A sinistra, a destra, centrato e giustificato
Per allineare orizzontalmente un blocco di testo, utilizare:
| [[<]] ... [[/<]] | allineamento a sinistra |
| [[>]] ... [[/>]] | allineamento a destra |
| [[=]] ... [[/=]] | centrato |
| [[==]] ... [[/==]] | giustificato |
Esempio:
[[=]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\
Aenean a libero. Vestibulum adipiscing, felis ac faucibus \
imperdiet, erat lacus accumsan neque, vitae nonummy lorem \
pede ac elit.
Maecenas in urna. Curabitur hendrerit risus vitae ligula.
[[/=]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Maecenas in urna. Curabitur hendrerit risus vitae ligula.
Per centrare invece una linea singola anteporre semplicemente =:
= Linea centrata
Linea centrata
Blocchi div personalizzati
Per migliorare l'impaginazione è possibile utilizzare gli elementi [[div]] ... [[/div]] che trasformano in html i blocchi <div> ... </div>.
Gli attributi permessi sono solo class e style ma questi dovrebbero essere più che sufficienti per creare il layout desiderato.
I blocchi [[div]] possono essere annidati.
Sotto un esempio di come si crea un'impaginazione a due colonne utilizzando i blocchi div:
[[div style="float:left; width: 45%; padding: 0 2%"]]
colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra
colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra
[[/div]]
[[div style="float:right; width: 45%; padding: 0 2%"]]
colonna destra colonna destra colonna destra colonna destra colonna destra
colonna destra colonna destra colonna destra colonna destra colonna destra
[[/div]]
~~~~~
colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra
colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra
L'elemento ~~~~ è utilizzato per annullare i floats e corrisponde più o meno a <div style="clear:both"></div>.
Blocchi [[div]] personalizzati possono essere utilizzati per creare formattazioni molto avanzate.