Questa pagina è protetta dallo spostamento
Questa pagina è protetta

Template:Div col

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca
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.

Parametri template[Modifica dati del modello]

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