Liutprando: Created page with "Il template {{tl|Colonne}} serve per iniziare una sezione multi-colonna in una pagina di Wikipedia. ==Sintax==

 {{Columns}} This text appears in the firs..."

2013-05-02T21:57:38Z

Created page with "Il template {{tl|Colonne}} serve per iniziare una sezione multi-colonna in una pagina di Wikipedia. ==Sintax== <pre> {{Columns}} This text appears in the firs..."

New page

Il [[aiuto:template|template]] {{tl|Colonne}} serve per iniziare una sezione multi-colonna in una pagina di Wikipedia.

==Sintax==
<pre>
{{Columns}}
This text appears in the first column.
{{Div col}}
This text appears in the second column.
{{Div col}}
This text appears in the third column.
{{Div col end}}
</pre>
;Results
<div style="padding:0.5em 1em; border:1px dotted gray; background:#EFE; font-size:90%">
{{Columns}}
This text appears in the first column.
{{Div col}}
This text appears in the second column.
{{Div col}}
This text appears in the third column.
{{Div col end}}</div>

You can have every numers of columns. Each column has the same bigness, equally divided on basis of the space orizzontally free. Each column has got a little margin on right (20 pixel), which is used to prevent contact beneath a column with another on her right.

'''Attetion''': is raccomanded not go beyond 3 columns, 'cause you can have problems of overpositionement of the same columns when you use big letters.

===Parameters===
There are two optionals parameters, valuables with or without name.
*First paramether or "width": total width of columns. Can be an absolute value (i.e. <tt>12cm</tt>) or relativ at the page's width (i.e. <tt>50%</tt>). The value is default at <tt>100%</tt>.
*Second paramether o "css": HTML's styles adding (for exemple <tt>background-color:...</tt>).

==Exemples of use==
=== Normal ===
To create a multi section column in one page (in this exemple a list of names) in which the free space is 100%, insert sequent rows:

<pre>
{{Columns}}
*Andrew
*Antony
*Hans
*Charles
{{Div col}}
*Francis
*Joseph
*Mark
*Paula
{{Div col}}
*Robert
*Sabrina
*Salvatore
*Silvie
{{Div col end}}
</pre>
;Result
<div style="padding:0.5em 1em; border:1px dotted gray; background:#EFE; font-size:90%">

{{Columns}}
*Andrew
*Antony
*Hans
*Charles
{{Div col}}
*Francis
*Joseph
*Mark
*Paula
{{Div col}}
*Robert
*Sabrina
*Salvatore
*Silvie
{{Div col end}}
</div>
To create a multi columns section in one page in which the space free is only 50%, insert sequent rows:
<pre>
{{Columns|50%}}
This text appears in the first column.
{{Div col}}
This text appears in the second column.
{{Div col}}
This text appears in the third column.
{{Div col end}}
</pre>
;Risultato
<div style="padding:0.5em 1em; border:1px dotted gray; background:#EFE; font-size:90%">
{{Columns|50%}}
This text appears in the first column.
{{Div col}}
This text appears in the second column.
{{Div col}}
This text appears in the third column.
{{Div col end}}
</div>

=== Centered columns ===
The multi column "region" is everytime positioned on left part. To modify the position, insert the code of syntax to create the multi column section <tt>DIV</tt> thet has CSS attribute <tt>text-align</tt> setted on <tt>center</tt> or on <tt>right</tt>, like that:

<pre>
<div style="text-align: center">
{{Columns|50%}}
This text appears in the first column.
{{Div col}}
This text appears in the second column.
{{Div col}}
This text appears in the third column.
{{Div col end}}
</div>
</pre>
;Risultato
<div style="padding:0.5em 1em; border:1px dotted gray; background:#EFE; font-size:90%">
<div style="text-align: center">
{{Columns|50%}}
This text appears in the first column.
{{Div col}}
This text appears in the second column.
{{Div col}}
This text appears in the third column.
{{Div col end}}</div> </div>

=== Number's list===
To divide on more column than one a number's list manteining untouched the number prosecution you have to use a little expedient: in columns after the first you have to "foce" the first valour (<code><nowiki><li value= ''X'' ></nowiki></code> ) and after using the tag HTML (<code><nowiki><li></nowiki></code>) instead of <nowiki>#</nowiki>. Obviously you have an automatic refreshment of numeration with inserting new elements in the list.
<pre>
{{Columns}}
# A
# B
# C
# D
{{Div col}}
<ol>
<li value=5 > E
<li> F
<li> G
<li> H
</ol>
{{Div col}}
<ol>
<li value=9 > I
<li> L
<li> M
<li> N
</ol>
{{Div col end}}
</pre>

; Result

<div style="padding:0.5em 1em; border:1px dotted gray; background:#EFE; font-size:90%">
{{Columns}}
# A
# B
# C
# D
{{Div col}}
<ol>
<li value=5 > E
<li> F
<li> G
<li> H
</ol>
{{Div col}}
<ol>
<li value=9 > I
<li> L
<li> M
<li> N
</ol>
{{Div col end}}
</div>

==Related templates==
*[[Template:Div col]]
*[[Template:Div col end]]

Template:Columns/man - Revision history

Liutprando: Created page with "Il template {{tl|Colonne}} serve per iniziare una sezione multi-colonna in una pagina di Wikipedia. ==Sintax==
{{Columns}} This text appears in the firs..."