Template:Col
Il template {{col}} permette di disporre i contenuti in una griglia, assegnandoli in determinate colonne.
Rispetto ad una tabella tradizionale, questo sistema viene solitamente adottato nel web design per poter creare vari layout creativi e adattabili sia per desktop che mobile.
Funzionamento
Ogni contenuto può essere disposto in una colonna {{col}} esprimendo una dimensione da 1 a 6.
Una colonna funziona soltanto in una riga {{row}} ... {{/row}}.
Esempi
Esempio base a due colonne
Esempio di utilizzo base nel wikitesto:
{{row}}
{{col|3|violet}}A{{/col}}
{{col|3|violet}}B{{/col}}
{{/row}}
Risultato:
ATemplate:Col/col
BTemplate:Col/col
Esempio base multi-colonna
Esempio di utilizzo base nel wikitesto:
{{row}}
{{col|1|violet}}A{{/col}}
{{col|1|brown }}B{{/col}}
{{col|1|red }}C{{/col}}
{{col|1|aqua }}D{{/col}}
{{col|1|green }}E{{/col}}
{{/row}}
Risultato:
ATemplate:Col/col
BTemplate:Col/col
CTemplate:Col/col
DTemplate:Col/col
ETemplate:Col/col
Altro esempio base
Esempio di utilizzo base nel wikitesto:
{{row}}
{{col|2|violet}}A{{/col}}
{{col|1|brown }}B{{/col}}
{{col|1|red }}C{{/col}}
{{col|2|aqua }}D{{/col}}
{{/row}}
Risultato:
ATemplate:Col/col
BTemplate:Col/col
CTemplate:Col/col
DTemplate:Col/col
Utilizzo multi-riga
Esempio di utilizzo base nel wikitesto:
{{row}}
{{col|6|violet}}A{{/col}}
{{/row}}
{{row}}
{{col|3|brown }}B{{/col}}
{{col|3|red }}C{{/col}}
{{/row}}
{{row}}
{{col|2|aqua }}D{{/col}}
{{col|2|green }}A{{/col}}
{{col|2|violet}}B{{/col}}
{{/row}}
Risultato:
ATemplate:Col/col
BTemplate:Col/col
CTemplate:Col/col
DTemplate:Col/col
ATemplate:Col/col
BTemplate:Col/col
Non documentati
Esempio di utilizzo base nel wikitesto:
{{row}}
{{col|6|violet}}A{{/col}}
{{col|6|brown }}B{{/col}}
{{col|6|red }}C{{/col}}
{{col|6|aqua }}D{{/col}}
{{col|6|green }}E{{/col}}
{{col|1|violet}}F{{/col}}
{{col|1|brown }}G{{/col}}
{{col|1|red }}H{{/col}}
{{col|1|aqua }}I{{/col}}
{{col|1|green }}L{{/col}}
{{/row}}
Risultato: