Differenze tra le versioni di "Template:Colonne/man"
(importo man da 'pedia) |
|||
| (Una versione intermedia di un altro utente non mostrate) | |||
| Riga 90: | Riga 90: | ||
</div> | </div> | ||
| − | === Colonne | + | === Colonne centrate === |
La "regione" multi-colonna è sempre posizionata sul lato sinistro. Per modificarne la posizione, inserire nel codice di sintassi inserito per creare la sezione multi-colonna un blocco <tt>DIV</tt> che ha l'attributo CSS <tt>text-align</tt> settato su <tt>center</tt> oppure su <tt>right</tt>, così: | La "regione" multi-colonna è sempre posizionata sul lato sinistro. Per modificarne la posizione, inserire nel codice di sintassi inserito per creare la sezione multi-colonna un blocco <tt>DIV</tt> che ha l'attributo CSS <tt>text-align</tt> settato su <tt>center</tt> oppure su <tt>right</tt>, così: | ||
Versione attuale delle 14:50, 19 ott 2018
Il template {{Colonne}} serve per iniziare una sezione multi-colonna in una pagina di Wikipedia.
Sintassi
{{Colonne}}
Questo testo appare nella prima colonna.
{{Colonne spezza}}
Questo testo appare nella seconda colonna.
{{Colonne spezza}}
Questo testo appare nella terza colonna.
{{Colonne fine}}
- Risultato
Questo testo appare nella prima colonna. |
Questo testo appare nella seconda colonna. |
Questo testo appare nella terza colonna. |
Si può avere qualsiasi numero di colonne. Ogni colonna ha la stessa larghezza, equamente divisa in base allo spazio disponibile orizzontalmente. Ogni colonna ha un piccolo margine destro (20 pixel), che serve per prevenire il contatto fra il testo di una colonna con quello della colonna alla sua destra.
Attenzione: si raccomanda di non superare le 3 colonne, per il problemi di sovrapposizione delle stesse quando un utente può usare caratteri grandi di visualizzazione.
Il template ha un parametro opzionale: la larghezza totale dell'insieme delle colonne. Può essere un valore assoluto (ad esempio, 12cm) o relativo rispetto alla larghezza della pagina (ad esempio, 50%). Il valore di default del parametro è 100%.
Esempi di utilizzo
Normale
Per creare una sezione multi-colonna in una pagina (in questo esempio, una lista di nomi propri) in cui lo spazio disponibile è del 100%, inserire le seguenti righe:
{{Colonne}}
*Andrea
*Antonio
*Anselmo
*Carlo
{{Colonne spezza}}
*Francesco
*Giuseppe
*Marco
*Paola
{{Colonne spezza}}
*Roberto
*Sabrina
*Salvatore
*Silvia
{{Colonne fine}}
- Risultato
|
|
|
Per creare una sezione multi-colonna in una pagina in cui lo spazio disponibile è solo del 50%, inserire le seguenti righe:
{{Colonne|50%}}
Questo testo appare nella prima colonna.
{{Colonne spezza}}
Questo testo appare nella seconda colonna.
{{Colonne spezza}}
Questo testo appare nella terza colonna.
{{Colonne fine}}
- Risultato
Questo testo appare nella prima colonna. |
Questo testo appare nella seconda colonna. |
Questo testo appare nella terza colonna. |
Colonne centrate
La "regione" multi-colonna è sempre posizionata sul lato sinistro. Per modificarne la posizione, inserire nel codice di sintassi inserito per creare la sezione multi-colonna un blocco DIV che ha l'attributo CSS text-align settato su center oppure su right, così:
<div style="text-align: center">
{{Colonne|50%}}
Questo testo appare nella prima colonna.
{{Colonne spezza}}
Questo testo appare nella seconda colonna.
{{Colonne spezza}}
Questo testo appare nella terza colonna.
{{Colonne fine}}
</div>
- Risultato
Questo testo appare nella prima colonna. |
Questo testo appare nella seconda colonna. |
Questo testo appare nella terza colonna. |
Elenchi numerati
Per spezzare su più colonne un elenco numerato mantenendo intatta la numerazione si deve ricorrere a un piccolo espediente: nelle colonne successive alla prima bisogna "forzare" il primo valore (<li value= ''X'' > ) e poi usare il tag HTML (<li>) al posto di #. Ovviamente si l'aggiornamento automatico della numerazione con l'inserimento di nuovi elementi nell'elenco.
{{Colonne}}
# A
# B
# C
# D
{{Colonne spezza}}
<ol>
<li value=5 > E
<li> F
<li> G
<li> H
</ol>
{{Colonne spezza}}
<ol>
<li value=9 > I
<li> L
<li> M
<li> N
</ol>
{{Colonne fine}}
- Risultato
|
|
|
Con tabelle
È possibile anche posizionare su più colonne una tabella.
{{Colonne}}
{| {{prettytable}}
|-
!Nome
!Cognome
|-
|Andrea
|Rossi
|-
|Antonio
|Verdi
|-
|Anselmo
|Bianchi
|-
|Carlo
|Rossi
|}
{{Colonne spezza}}
{| {{prettytable}}
|-
!Nome
!Cognome
|-
|Francesco
|Bianchi
|-
|Giuseppe
|Verdi
|-
|Marco
|Rossi
|-
|Paola
|Verdi
|}
{{Colonne spezza}}
{| {{Prettytable}}
|-
!Nome
!Cognome
|-
|Roberto
|Rossi
|-
|Sabrina
|Bianchi
|-
|Salvatore
|Verdi
|-
|Silvia
|Rossi
|}
{{Colonne fine}}
- Risultato
|
|
|
oppure
|
|
|