Differenze tra le versioni di "Template:Col"
(più esempi) |
(più esempi) |
||
Riga 107: | Riga 107: | ||
{{col|2|green }}A{{/col}} | {{col|2|green }}A{{/col}} | ||
{{col|2|violet}}B{{/col}} | {{col|2|violet}}B{{/col}} | ||
+ | {{/row}} | ||
+ | |||
+ | == Utilizzi innestati == | ||
+ | |||
+ | Esempio di utilizzo base nel wikitesto: | ||
+ | |||
+ | <pre> | ||
+ | {{row}} | ||
+ | {{col|6|violet}} | ||
+ | {{row}} | ||
+ | {{col|3|brown }}A{{/col}} | ||
+ | {{col|3|red }}B{{/col}} | ||
+ | {{/row}} | ||
+ | {{/col}} | ||
+ | {{col|6|brown}} | ||
+ | {{row}} | ||
+ | {{col|3|aqua }}C{{/col}} | ||
+ | {{col|3|green}}D{{/col}} | ||
+ | {{/row}} | ||
+ | {{/col}} | ||
+ | {{/row}} | ||
+ | </pre> | ||
+ | |||
+ | {{row}} | ||
+ | {{col|6|violet}} | ||
+ | A | ||
+ | |||
+ | {{row}} | ||
+ | {{col|3|brown }}B{{/col}} | ||
+ | {{col|3|red }}C{{/col}} | ||
+ | {{/row}} | ||
+ | |||
+ | D | ||
+ | {{/col}} | ||
+ | {{col|6|brown}} | ||
+ | E | ||
+ | |||
+ | {{row}} | ||
+ | {{col|3|aqua }}F{{/col}} | ||
+ | {{col|3|green}}G{{/col}} | ||
+ | {{/row}} | ||
+ | |||
+ | H | ||
+ | {{/col}} | ||
{{/row}} | {{/row}} | ||
Versione delle 19:50, 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:
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:
Utilizzi innestati
Esempio di utilizzo base nel wikitesto:
{{row}} {{col|6|violet}} {{row}} {{col|3|brown }}A{{/col}} {{col|3|red }}B{{/col}} {{/row}} {{/col}} {{col|6|brown}} {{row}} {{col|3|aqua }}C{{/col}} {{col|3|green}}D{{/col}} {{/row}} {{/col}} {{/row}}
A
E
H Template:Col/col Template:Col/row
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: