Differenze tra le versioni di "Template:Col"
Jump to navigation
Jump to search
(introduzione) |
(più esempi) |
||
Riga 1: | Riga 1: | ||
− | <div class="col | + | <includeonly><div class="col-{{#if:workaround-trim|{{{1|6}}}}}{{#if:{{{2|}}}|<nowiki /> color-}}{{#if:workaround-trim|{{{2|}}}}}"></includeonly><noinclude> |
− | Il template {{Tl|col}} permette di disporre i contenuti in una griglia | + | Il template {{Tl|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. | 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 | + | Ogni contenuto può essere disposto in una colonna {{Tl|col}} esprimendo una dimensione da 1 a 6. |
− | + | Una colonna funziona soltanto in una riga {{Tl|row}} ... {{Tl|/row}}. | |
− | + | == Esempi == | |
+ | |||
+ | === Esempio base a due colonne === | ||
+ | |||
+ | Esempio di utilizzo base nel wikitesto: | ||
<pre> | <pre> | ||
{{row}} | {{row}} | ||
− | {{col| | + | {{col|3|violet}}A{{/col}} |
− | + | {{col|3|violet}}B{{/col}} | |
− | {{col|3 | ||
− | |||
{{/row}} | {{/row}} | ||
</pre> | </pre> | ||
Riga 24: | Riga 26: | ||
{{row}} | {{row}} | ||
− | {{col| | + | {{col|3|violet}}A{{/col}} |
− | {{col| | + | {{col|3|violet}}B{{/col}} |
− | {{col|3 }} | + | {{/row}} |
− | {{col| | + | |
+ | === Esempio base multi-colonna === | ||
+ | |||
+ | Esempio di utilizzo base nel wikitesto: | ||
+ | |||
+ | <pre> | ||
+ | {{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}} | ||
+ | </pre> | ||
+ | |||
+ | Risultato: | ||
+ | |||
+ | {{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}} | ||
+ | |||
+ | === Altro esempio base === | ||
+ | |||
+ | Esempio di utilizzo base nel wikitesto: | ||
+ | |||
+ | <pre> | ||
+ | {{row}} | ||
+ | {{col|2|violet}}A{{/col}} | ||
+ | {{col|1|brown }}B{{/col}} | ||
+ | {{col|1|red }}C{{/col}} | ||
+ | {{col|2|aqua }}D{{/col}} | ||
+ | {{/row}} | ||
+ | </pre> | ||
+ | |||
+ | Risultato: | ||
+ | |||
+ | {{row}} | ||
+ | {{col|2|violet}}A{{/col}} | ||
+ | {{col|1|brown }}B{{/col}} | ||
+ | {{col|1|red }}C{{/col}} | ||
+ | {{col|2|aqua }}D{{/col}} | ||
+ | {{/row}} | ||
+ | |||
+ | === Utilizzo multi-riga === | ||
+ | |||
+ | Esempio di utilizzo base nel wikitesto: | ||
+ | |||
+ | <pre> | ||
+ | {{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}} | ||
+ | </pre> | ||
+ | |||
+ | Risultato: | ||
+ | {{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}} | {{/row}} | ||
− | === | + | === Non documentati === |
− | + | Esempio di utilizzo base nel wikitesto: | |
<pre> | <pre> | ||
{{row}} | {{row}} | ||
− | {{col| | + | {{col|6|violet}}A{{/col}} |
− | {{col| | + | {{col|6|brown }}B{{/col}} |
− | {{col| | + | {{col|6|red }}C{{/col}} |
− | {{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}} | {{/row}} | ||
</pre> | </pre> | ||
Riga 46: | Riga 131: | ||
{{row}} | {{row}} | ||
− | {{col| | + | {{col|6|violet}}A{{/col}} |
− | {{col| | + | {{col|6|brown }}B{{/col}} |
− | {{col| | + | {{col|6|red }}C{{/col}} |
− | {{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}} | {{/row}} | ||
</noinclude> | </noinclude> |
Versione delle 19: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
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: