Il template {{Colonne}} serve per iniziare una sezione multi-colonna in una pagina di Wikipedia.
Sintax
{{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}}
- Results
This text appears in the first column.
This text appears in the second column.
This text appears in the third column.
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. 12cm) or relativ at the page's width (i.e. 50%). The value is default at 100%.
- Second paramether o "css": HTML's styles adding (for exemple background-color:...).
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:
{{Columns}}
*Andrew
*Antony
*Hans
*Charles
{{Div col}}
*Francis
*Joseph
*Mark
*Paula
{{Div col}}
*Robert
*Sabrina
*Salvatore
*Silvie
{{Div col end}}
- Result
- Andrew
- Antony
- Hans
- Charles
- Francis
- Joseph
- Mark
- Paula
- Robert
- Sabrina
- Salvatore
- Silvie
To create a multi columns section in one page in which the space free is only 50%, insert sequent rows:
{{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}}
- Risultato
This text appears in the first column.
This text appears in the second column.
This text appears in the third column.
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 DIV thet has CSS attribute text-align setted on center or on right, like that:
<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>
- Risultato
This text appears in the first column.
This text appears in the second column.
This text appears in the third column.
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 (<li value= ''X'' > ) and after using the tag HTML (<li>) instead of #. Obviously you have an automatic refreshment of numeration with inserting new elements in the list.
{{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}}
- Result
- A
- B
- C
- D
Related templates
|
|
|
|
|
