Questa pagina è protetta dallo spostamento
Questa pagina è protetta

Template:Div col

Da Wikipedia, l'enciclopedia libera.
Jump to navigation Jump to search
Template protetto – Le modifiche possono essere proposte nella pagina di discussione.
Info Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Div col/man (modifica · cronologia)
Sandbox: Template:Div col/Sandbox (modifica · cronologia) · Tutte le sottopagine: lista

Questo template serve per impaginare delle liste in colonne. Il numero effettivo di colonne dipende dalla larghezza dello schermo.

Uso

Parametri

cols=
Specifica colonne normali (default) o più strette (inserendo "strette" o "3"). La larghezza standard delle colonne è stabilita dalle classi colonne e colonne_strette definite in MediaWiki:Common.css.
Al posto di cols si può usare anche il primo parametro anonimo, es. {{Div col|strette}}.
dim=
Alternativo a cols, specifica manualmente la larghezza delle colonne (es. 200px o 15em).

Esempi

{{Div col}}
* a
* b
* c
* d
* e
{{Div col end}}
Produce
  • a
  • b
  • c
  • d
  • e




{{Div col|cols=strette}}
* a
* b
* c
* d
* e
* f
{{Div col end}}
Produce
  • a
  • b
  • c
  • d
  • e
  • f




{{Div col|dim=100px}}
* a
* b
* c
* d
* e
* f
{{Div col end}}
Produce
  • a
  • b
  • c
  • d
  • e
  • f

Personalizzazione

Gli utenti registrati, nel proprio foglio di stile, possono cambiare la larghezza di default delle colonne inserendo questi codici con un numero di "em" diverso:

.colonne {
 -moz-column-width:30em;
 -webkit-column-width:30em;
 column-width:30em;
}
.colonne_strette {
 -moz-column-width:20em;
 -webkit-column-width:20em;
 column-width:20em;
}

Template correlati

Template Vantaggi Svantaggi
{{colonne}}
  • Permette di decidere il punto esatto in cui inizia la colonna successiva;
  • dà un aspetto omogeneo anche con i browser più vecchi;
  • permette di utilizzare anche solo parzialmente la larghezza dello schermo.
  • Utilizza le tabelle;
  • occorre ricalibrare manualmente le colonne quando si aggiungono o rimuovono elementi in una lista;
  • occorre fare qualche magia - <ol start="numero ultimo elemento colonna precedente + 1"> - per gestire gli elenchi numerati;
  • ha problemi di sovrapposizione quando ci sono immagini o sinottici a destra.
{{div col}}
  • Il numero di colonne è automatico e si adatta alla larghezza dello schermo;
  • utilizza i CSS e non le tabelle;
  • funziona correttamente con i browser basati su WebKit (Safari, Chrome…), Gecko (Firefox…), Presto (Opera) e Trident (solamente a partire da Internet Explorer 10);
  • nei browser che non lo supportano le colonne sono ignorate, ma non è compromessa la leggibilità;
  • non ha problemi di sovrapposizione con le immagini flottanti;
  • il contenuto si ridispone automaticamente quando si aggiungono nuovi elementi;
  • non ha problemi né con gli elenchi puntati né con quelli numerati;
  • gli utenti possono personalizzare la larghezza standard delle colonne.

VisualEditor Dati per VisualEditor
La tabella TemplateData che segue è contenuta nella sottopagina Template:Div col/TemplateData (modifica·cronologia)

Questo template serve per impaginare delle liste in colonne, con l'opzione di specificare un carattere di formato minore. Il numero effettivo di colonne dipende dalla larghezza dello schermo.

[Modifica dati del modello]

Parametri template

Questo template preferisce la formattazione in linea dei parametri.

ParametroDescrizioneTipoStato
Colonnecols 1

Specifica colonne normali (default) o più strette (inserendo "strette" o "3").

Stringafacoltativo
Smallsmall 2

Modifica il formato del carattere al 90% della dimensione standard

Valore automatico
yes
Stringafacoltativo
Dimensione colonnedim

Alternativo a cols, specifica manualmente la larghezza delle colonne (es. 200px o 15em)

Stringafacoltativo