Differenze tra le versioni di "Template:Col"
Jump to navigation
Jump to search
(semplifico) |
(introduzione) |
||
Riga 1: | Riga 1: | ||
<div class="col{{#if:{{{1|}}}|-}}{{#if:workaround-trim|{{{1|}}}}}{{#if:{{{2|}}}|<nowiki /> color-}}{{#if:workaround-trim|{{{2|}}}}}"><noinclude> | <div class="col{{#if:{{{1|}}}|-}}{{#if:workaround-trim|{{{1|}}}}}{{#if:{{{2|}}}|<nowiki /> color-}}{{#if:workaround-trim|{{{2|}}}}}"><noinclude> | ||
+ | Il template {{Tl|col}} permette di disporre i contenuti in una griglia composta da 12 colonne utilizzabili a piacere. | ||
+ | |||
+ | 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. | ||
+ | |||
== Manuale == | == Manuale == | ||
+ | |||
+ | Ogni contenuto può essere disposto in una colonna, e ogni colonna può avere una dimensione da 1 a 12. Non ci possono essere più di 12 colonne in una sola riga | ||
=== Utilizzo base === | === Utilizzo base === |
Versione delle 15:01, 17 mar 2022
Il template {{col}} permette di disporre i contenuti in una griglia composta da 12 colonne utilizzabili a piacere.
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.
Manuale
Ogni contenuto può essere disposto in una colonna, e ogni colonna può avere una dimensione da 1 a 12. Non ci possono essere più di 12 colonne in una sola riga
Utilizzo base
Utilizzo base nel wikitesto:
{{row}} {{col|12}}Colonna larga 12{{/col}} {{col|5 }}Colonna larga 5{{/col}} {{col|3 }}Colonna larga 3{{/col}} {{col|4 }}Colonna larga 4{{/col}} {{/row}}
Risultato:
Colonna larga 12Template:Col/col
Colonna larga 5Template:Col/col
Colonna larga 3Template:Col/col
Colonna larga 4Template:Col/col
Utilizzo con colori
Uso avanzato specificando la dimensione (espressa con un valore da 1 fino a 12) di ogni colonna e un colore:
{{row}} {{col|12|yellow}}Colonna larga 12{{/col}} {{col|5 |pink }}Colonna larga 5{{/col}} {{col|3 |red }}Colonna larga 3{{/col}} {{col|4 |green }}Colonna larga 4{{/col}} {{/row}}
Risultato:
Colonna larga 12Template:Col/col
Colonna larga 5Template:Col/col
Colonna larga 3Template:Col/col