Difference between revisions of "Template:Finestra"

From Hattrick
Line 1: Line 1:
==Sintassi==
+
<includeonly>{{#ifexpr: {{{accessibile|0}}} = 1| <div class="{{{radius|radius_top}}}" style="position:relative; margin-top:.5em; background:#{{{col1}}}; background:{{{col1}}}; text-align:{{{title-align|center}}}">
Di questo template è possibile scegliere una versione che segue più fedelmente [[Wikipedia:Accessibilità_del_contenuto|le linee guida di accessibilità]] utilizzando il parametro '''accessibile=1''' o una non accessibile che viene impostata di default. Quanto segue salvo diversamente specificato è valido per entrambe le versioni del template. I parametri che funzionano solo in una delle due versioni sono indicati in corsivo.
+
<div style="font-weight:bold; font-size:{{{font-size|130%}}}; color:#{{{col3}}}; color:{{{col3}}}; {{#if:{{{logo|}}}|margin-left:30px; margin-right:30px}}">{{#ifexpr: {{{livello|0}}} >1|<h{{{livello}}} style="font-size:100%;border:0;margin:0;padding:0;color:inherit;text-align:inherit;font-weight:inherit;">}}{{{titolo}}}{{#ifexpr: {{{livello|0}}} >1|</h{{{livello}}}>}}</div>
 
+
<!--Problemi con IE {{#if:{{{logo|}}}|<div style="position:absolute; left:5px; top:1px;">[[File:{{{logo}}}|{{#if:{{{px|}}}|{{#if:{{IsNumber|{{{px}}}}}|{{{px}}}px|{{{px}}}}}|24px}}|class=noviewer]]</div>}} -->
<div style="padding:.5em 1em; border: 1px dotted gray; background: #EFE; font-size:90%">  
+
</div>
<kbd>'''<nowiki>{{finestra|accessibile=|livello=|logo=|border=|col1=|col2=|col3=|col4=|sfondo=|radius=|titolo=|link=|contenuto=|leggi=|didascalia=|font-size=}}</nowiki>'''</kbd>
+
<div class="{{{radius|radius_bottom}}}" style="margin-top:-1px; margin-bottom:.7em; background:#{{{col2}}}; background:{{{col2}}}; border:{{{border|1px}}} solid #{{{col1}}}; border:{{{border|1px}}} solid {{{col1}}}">
 +
{{#if:{{{link|}}}|<div class="plainlinks" style="margin-left:.5em; margin-top:-1px; margin-right:-1px; border: 1px solid #{{{col1}}}; background:#{{{col4}}}; border: 1px solid {{{col1}}}; padding:0 4px 0 4px; float:right; font-size:80%;color=#{{{col3}}}; color={{{col3}}}">[{{fullurl:{{{link}}}|action=edit}} <span style="color:#{{{col3}}};; color:{{{col3}}}">modifica</span><span style="display:none"> questa sezione</span>]</div>}}
 +
<div style="padding:.5em; text-align:left; font-weight:normal; font-size:{{{text-size|94%}}};">{{{contenuto}}}</div>
 +
<div style="margin-top:-1px; height:1px; clear:both;">&nbsp;</div>
 +
{{#if:{{{leggi|}}}|<div style="font-weight:bold; margin:0; margin-left:.5em; padding:0 .5em .5em 0; text-align:right;">[[{{{leggi|}}}|{{{didascalia|Leggi...}}}]]</div>}}
 +
</div> | {{#if:{{{sfondo|}}}|<div style="margin-top:.5em">[[Immagine:{{{sfondo}}}|center|class=noviewer]]</div>}}<div class="{{{radius|radius_top}}}" style="margin-top:.5em; background:#{{{col1}}}; background:{{{col1}}}; text-align:{{{title-align|center}}}">{{#if:{{{logo|}}}|<span style="float:left; margin-left:5px">[[File:{{{logo}}}|{{#if:{{{px|}}}|{{#if:{{IsNumber|{{{px}}}}}|{{{px}}}px|{{{px}}}}}|24px}}|class=noviewer]]</span>}}
 +
<div style="font-size:{{{font-size|130%}}}; color:#{{{col3}}}; color:{{{col3}}}; {{#if:{{{sfondo|}}}|margin-top:-23px;}} {{#if:{{{logo|}}}|margin-right:30px}}">'''{{{titolo}}}'''</div><!--
 +
-->{{#if:{{{col4|}}}|<div style="font-size:{{{font-size|130%}}}; color:#{{{col4}}}; color:{{{col4}}}; {{#if:{{{sfondo|}}}|margin-top:-23px;}} {{#if:{{{logo|}}}|margin-right:30px;}} margin-top:-1.2em; margin-left:1px">'''{{{titolo}}}'''</div>}}
 +
{{#if:{{{link|}}}|<div style="margin-left:.5em; margin-top:-19px; padding:0 4px 0 4px; float:right; font-size:80%">[{{fullurl:{{{link}}}|action=edit}} <span style="color:#{{{col3}}};; color:{{{col3}}}">modifica</span>]</div>}}
 
</div>
 
</div>
*Il parametro facoltativo '''accessibile''' serve per indicare se si desidera utilizzare la versione accessibile del template (inserendo <kbd>accessibile=1</kbd>) o quella non accessibile (non serve scrivere nulla).
+
<div class="{{{radius|radius_bottom}}}" style="margin-top:-1px; margin-bottom:.7em; padding:.5em; text-align:left; font-weight:normal; font-size:{{{text-size|94%}}}; background:#{{{col2}}}; background:{{{col2}}}; border:{{{border|1px}}} solid #{{{col1}}}; border:{{{border|1px}}} solid {{{col1}}}">
 
+
<table cellspacing="0" cellpadding="0" width="100%" style="background:none">
*Il parametro facoltativo '''''livello''''' ''funziona solo nella versione accessibile'' e serve per specificare se si desidera che il riquadro sia una sezione o una sottosezione a sé nella pagina a quale livello di [[Aiuto:Sezioni|sezione]] corrisponde il titolo della finestra. Il livello di sezione va indicato scrivendo il numero di uguali che è necessario mettere davanti al titolo della sezione per ottenere quel livello normalmente in wikipedia (ad esempio <nowiki>== Intestazione ==</nowiki> corrisponderà a <kbd>livello=2</kbd>). Nota: inserire il livello o cambiarlo non ha alcun effetto grafico. Serve solo a strutturare meglio la pagina.
+
<tr><td>
 
+
{{{contenuto}}}
*Il parametro facoltativo '''logo''' serve per inserire nella barra del titolo (sulla sinistra) una piccola immagine che andrà ad accompagnare il titolo, posto al centro. Per essere implementato bisogna inserire il nome dell'immagine, seguito dall'estensione (ad esempio: immagine.png).
+
</td></tr></table> {{#if:{{{leggi|}}}|<div align="right">'''[[{{{leggi|}}}|{{{didascalia|Leggi...}}}]]'''</div>}}
 
+
</div>}}</includeonly><noinclude>[[categoria:template strumenti di layout|Finestra]]{{Template complesso}}{{man}}
*Il parametro facoltativo '''border''' serve per stabilire lo spessore dei bordi della finestra. (ad esempio: border=2px).
 
 
 
*Il parametro facoltativo '''link''' serve per inserire nella finestra una casella di ''modifica'', e deve contenere il titolo della pagina in cui è presente il template o, se in una pagina separata, il suo ''contenuto''.
 
 
 
*Il parametro facoltativo '''radius''' serve per eliminare i bordi arrotondati. Inserendo <kbd>radius=no</kbd> i bordi della finestra appariranno ''squadrati''.
 
 
 
*Il parametro facoltativo '''''sfondo''''' ''funziona solo nella versione non accessibile''  e serve per visualizzare un'immagine di sfondo dell'altezza massima di circa 15px nella barra superiore, dietro al titolo. (Ad esempio:[[:immagine:Sfondo bagliore.png|Sfondo bagliore.png]])
 
 
 
*Il parametro facoltativo '''font-size''' indica la dimensione del font da usare nella casella titolo: può essere indicato come si vuole, in percentuale, in px etc (Ad esempio: 90% o 12px)
 
 
 
*Il parametro facoltativo '''text-size''' indica la dimensione del font usato per il contenuto: per l'indicazione vale quanto scritto per il parametro precedente. Se non viene specificato, la dimensione predefinita è 94%.
 
 
 
*I '''colori''' "possono" essere indicati mediante il loro [[Aiuto:Colori|codice esadecimale]], con o senza # (ad esempio: ABCDEF, 66DDAA o #ABCDEF, #66DDAA) o con il loro nome in [[lingua inglese]] (ad esempio: black, red, green).
 
:'''col1''': colore della barra del titolo
 
:'''col2''': colore dello sfondo
 
:'''col3''': colore del font della barra del titolo
 
:'''''col4''''': ''solo nella versione accessibile'' serve a definire il colore dello sfondo del riquadro del pulsante modifica (di default è trasparente)
 
 
 
*Il parametro facoltativo '''leggi''' serve per inserire un rimando ad una voce di wikipedia attraverso un collegamento posto nell'angolo in basso a destra. Se si vuole inserire un testo alternativo a "leggi..." si può usare il parametro facoltativo '''didascalia'''.
 
  
==Esempi d'uso==
 
===Accessibili===
 
{| style="background:transparent; text-align:center"
 
| width=50% valign=top| Finestra '''senza''' i bordi arrotondati e '''senza''' link,<br />font-size='''140%''', col3='''white''' (bianco), '''senza''' ''sfondo'' e text-size='''90%'''.
 
{{finestra|accessibile=1|border=3px|leggi=Wikipedia:Articoli in vetrina|col1=purple|col2=pink|col3=white|font-size=140%|text-size=90%|radius=no|titolo=In vetrina|contenuto=
 
[[Image:Wikimedaglia oro.png|left|35px]]
 
Questa sezione raccoglie un elenco completo, in ordine alfabetico, di tutte le voci premiate con l'inserimento nella [[Wikipedia:Articoli in vetrina|vetrina]] della wikipedia in [[lingua italiana]]...
 
}}
 
| valign=top | Finestra '''con''' i bordi arrotondati, '''con''' link, ''col4'', ''livello'', e logo<br />font-size e col3 '''non specificati'''.
 
{{finestra|accessibile=1|livello=4|col1=ABCDEF|col2=F0F8FF|col4=FFFFFF|logo=portal.svg|titolo=Serie tematiche|link=Portale:Fantascienza/Serie_tematiche|contenuto=
 
Questa sezione raccoglie un elenco completo di tutte le categorie dedicate a celebri serie o filoni (che spesso non sono circoscritte ad un singolo ''medium'' come cinema o letteratura) di genere fantascientifico...}}
 
|}
 
===Non accessibili===
 
{| style="background:transparent; text-align:center"
 
| width=50% valign=top| Finestra '''senza''' i bordi arrotondati e '''senza''' link,<br />font-size='''140%''', col3='''white''' (bianco), '''senza''' ''sfondo'' e text-size='''90%'''.
 
{{finestra|border=3px|leggi=Wikipedia:Articoli in vetrina|col1=purple|col2=pink|col3=white|font-size=140%|text-size=90%|radius=no|titolo=In vetrina|contenuto=
 
[[Image:Wikimedaglia oro.png|left|35px]]
 
Questa sezione raccoglie un elenco completo, in ordine alfabetico, di tutte le voci premiate con l'inserimento nella [[Wikipedia:Articoli in vetrina|vetrina]] della wikipedia in [[lingua italiana]]...
 
}}
 
| valign=top | Finestra '''con''' i bordi arrotondati, '''con''' link,'' sfondo'' e logo<br />font-size e col3 '''non specificati'''.
 
{{finestra|col1=ABCDEF|col2=F0F8FF|sfondo=sfondo_bagliore.png|logo=portal.svg|titolo=Serie tematiche|link=Portale:Fantascienza/Serie_tematiche|contenuto=
 
Questa sezione raccoglie un elenco completo di tutte le categorie dedicate a celebri serie o filoni (che spesso non sono circoscritte ad un singolo ''medium'' come cinema o letteratura) di genere fantascientifico...}}
 
|}
 
  
 
==Template correlati==
 
==Template correlati==
 
*[[Template:FinestraHome]]
 
*[[Template:FinestraHome]]
 
*[[Template:FinestraHome1]]
 
*[[Template:FinestraHome1]]
*[[Template:FinestraHome1b]]
 
 
*[[Template:FinestraHome2]]
 
*[[Template:FinestraHome2]]
 
*[[Template:FinestraHome3]]
 
*[[Template:FinestraHome3]]
 
*[[Template:FinestraHome3b]]
 
*[[Template:FinestraHome3b]]
*[[Template:FinestraHome4]]
 
*[[Template:FinestraHome5]]
 
 
*[[Template:FinestraBar]]
 
*[[Template:FinestraBar]]
 
*[[Template:Cartella]]
 
*[[Template:Cartella]]
  
<noinclude>[[Categoria:Manuali dei template|Finestra]]<noinclude>
+
[[Categoria:Template strumenti di layout|Finestra]]
 +
</noinclude>

Revision as of 16:54, 18 October 2018

Finestra

Categoria:Template complessi

45px|Info Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Finestra/man (modifica·cronologia)

Sintassi

Di questo template è possibile scegliere una versione che segue più fedelmente le linee guida di accessibilità utilizzando il parametro accessibile=1 o una non accessibile che viene impostata di default. Quanto segue salvo diversamente specificato è valido per entrambe le versioni del template. I parametri che funzionano solo in una delle due versioni sono indicati in corsivo.

{{finestra|accessibile=|livello=|logo=|border=|col1=|col2=|col3=|col4=|sfondo=|radius=|titolo=|link=|contenuto=|leggi=|didascalia=|font-size=}}

  • Il parametro facoltativo accessibile serve per indicare se si desidera utilizzare la versione accessibile del template (inserendo accessibile=1) o quella non accessibile (non serve scrivere nulla).
  • Il parametro facoltativo livello funziona solo nella versione accessibile e serve per specificare se si desidera che il riquadro sia una sezione o una sottosezione a sé nella pagina a quale livello di sezione corrisponde il titolo della finestra. Il livello di sezione va indicato scrivendo il numero di uguali che è necessario mettere davanti al titolo della sezione per ottenere quel livello normalmente in wikipedia (ad esempio == Intestazione == corrisponderà a livello=2). Nota: inserire il livello o cambiarlo non ha alcun effetto grafico. Serve solo a strutturare meglio la pagina.
  • Il parametro facoltativo logo serve per inserire nella barra del titolo (sulla sinistra) una piccola immagine che andrà ad accompagnare il titolo, posto al centro. Per essere implementato bisogna inserire il nome dell'immagine, seguito dall'estensione (ad esempio: immagine.png).
  • Il parametro facoltativo border serve per stabilire lo spessore dei bordi della finestra. (ad esempio: border=2px).
  • Il parametro facoltativo link serve per inserire nella finestra una casella di modifica, e deve contenere il titolo della pagina in cui è presente il template o, se in una pagina separata, il suo contenuto.
  • Il parametro facoltativo radius serve per eliminare i bordi arrotondati. Inserendo radius=no i bordi della finestra appariranno squadrati.
  • Il parametro facoltativo sfondo funziona solo nella versione non accessibile e serve per visualizzare un'immagine di sfondo dell'altezza massima di circa 15px nella barra superiore, dietro al titolo. (Ad esempio:Sfondo bagliore.png)
  • Il parametro facoltativo font-size indica la dimensione del font da usare nella casella titolo: può essere indicato come si vuole, in percentuale, in px etc (Ad esempio: 90% o 12px)
  • Il parametro facoltativo text-size indica la dimensione del font usato per il contenuto: per l'indicazione vale quanto scritto per il parametro precedente. Se non viene specificato, la dimensione predefinita è 94%.
  • I colori "possono" essere indicati mediante il loro codice esadecimale, con o senza # (ad esempio: ABCDEF, 66DDAA o #ABCDEF, #66DDAA) o con il loro nome in lingua inglese (ad esempio: black, red, green).
col1: colore della barra del titolo
col2: colore dello sfondo
col3: colore del font della barra del titolo
col4: solo nella versione accessibile serve a definire il colore dello sfondo del riquadro del pulsante modifica (di default è trasparente)
  • Il parametro facoltativo leggi serve per inserire un rimando ad una voce di wikipedia attraverso un collegamento posto nell'angolo in basso a destra. Se si vuole inserire un testo alternativo a "leggi..." si può usare il parametro facoltativo didascalia.

Esempi d'uso

Accessibili

Finestra senza i bordi arrotondati e senza link,
font-size=140%, col3=white (bianco), senza sfondo e text-size=90%.
In vetrina

Questa sezione raccoglie un elenco completo, in ordine alfabetico, di tutte le voci premiate con l'inserimento nella vetrina della wikipedia in lingua italiana...

Finestra con i bordi arrotondati, con link, col4, livello, e logo
font-size e col3 non specificati.
25px
Serie tematiche

Questa sezione raccoglie un elenco completo di tutte le categorie dedicate a celebri serie o filoni (che spesso non sono circoscritte ad un singolo medium come cinema o letteratura) di genere fantascientifico...

Non accessibili

Finestra senza i bordi arrotondati e senza link,
font-size=140%, col3=white (bianco), senza sfondo e text-size=90%.
In vetrina

Questa sezione raccoglie un elenco completo, in ordine alfabetico, di tutte le voci premiate con l'inserimento nella vetrina della wikipedia in lingua italiana...

Finestra con i bordi arrotondati, con link, sfondo e logo
font-size e col3 non specificati.
25px
Serie tematiche

Questa sezione raccoglie un elenco completo di tutte le categorie dedicate a celebri serie o filoni (che spesso non sono circoscritte ad un singolo medium come cinema o letteratura) di genere fantascientifico...

Template correlati


Template correlati

Finestra