Template:Col: differenze tra le versioni

Versione delle 17:43, 17 mar 2022

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

Template:Col/row

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:

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:

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:

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: