Template:Cassetto: differenze tra le versioni

Naviga nella cronologia in modo interattivo

Contenuto aggiunto Contenuto cancellato

In linea

Versione attuale delle 11:53, 30 lug 2021

Template per "incassettare" vari contenuti.

Attenzione: se il campo testo rimane vuoto il cassetto non compare. Questo torna utile in caso il cassetto venga usato in template che usano commenti: se non ci sono commenti, il cassetto non compare.

Parametri

{{Cassetto
|titolo=
|testo=
|aperto=
|larghezza=
|colore=
|coloresfondo=
|colorebordi=
|allineamento=
}}

titolo= titolo del cassetto
testo= contenuto dentro il cassetto
aperto= di norma il cassetto è inizialmente chiuso, usa questo parametro scrivendo "sì" se vuoi che il cassetto appaia già aperto
larghezza= dimensione orizzontale in px, em o %, se vuoi che sia diversa dal 95%
colore= sfondo del box del titolo
coloresfondo= sfondo del contenuto e colore del margine attorno al box del titolo
colorebordi= colore dei bordi del cassetto
allineamento= può valere "right" o "left", omettendo questo parametro il cassetto verrà visualizzato centrato di default

Parametri avanzati

{{Cassetto
|larghezza=
|colore=
|coloresfondo=
|colorebordi=
|allineamento=
|p-colore=
|p-bordi=
|p-margin=
|altri1=
|altri2=
|altri3=
|class1=
|class2=
|class3=
|titolo=
|p-colore=
|testo=
}}

È possibile aggiungere altri parametri di stile se necessario:

altri1= parametri aggiuntivi del box del cassetto
altri2= parametri aggiuntivi del box del titolo
altri3= parametri aggiuntivi del box attorno al contenuto principale (quello dentro al cassetto)
class1= classe per aggiungere sfondi/proprietà al box del cassetto
class2= classe per aggiungere sfondi/proprietà al box del titolo
class3= classe per aggiungere sfondi/proprietà al box attorno al contenuto
p-colore= colore del testo 'Espandi' e 'Comprimi', nel caso il blu scuro di default contrasti con il colore del cassetto o se vuoi semplicemente cambiarne lo stile

Esempi di utilizzo

Es. 1

{{Cassetto
|larghezza=90%
|colore=#00ea00
|coloresfondo=#00FFFF
|colorebordi=#FF0000
|allineamento=right
|titolo= Tanto va la gatta al lardo...
|testo= 
*aaaaaaaaaa
*bbbbbbbbbb
*cccccccccc
}}

che dà come risultato

Tanto va la gatta al lardo...

*aaaaaaaaaa

bbbbbbbbbb
cccccccccc

Es. 2

{{Cassetto
|larghezza=90%
|colore=#00ea00
|coloresfondo=#00FFFF
|colorebordi=#FF0000
|allineamento=right
|titolo= Tanto va la gatta al lardo...
|testo= 
*aaaaaaaaaa
*bbbbbbbbbb
*cccccccccc
}}

che dà come risultato

Tanto va la gatta al lardo...

*aaaaaaaaaa

bbbbbbbbbb
cccccccccc

Es. 3

{{Cassetto
|larghezza=50%
|colore=orange
|coloresfondo=yellow
|colorebordi=red
|titolo= Tanto va la gatta al lardo...
|testo= 
*aaaaaaaaaa
*bbbbbbbbbb
*cccccccccc
}}

che dà come risultato

Tanto va la gatta al lardo...

*aaaaaaaaaa

bbbbbbbbbb
cccccccccc

Es. 4

{{Cassetto
|larghezza=50%
|colore=orange
|coloresfondo=yellow
|colorebordi=red
|titolo= Tanto va la gatta al lardo...
|testo= 
*aaaaaaaaaa
*bbbbbbbbbb
*cccccccccc
}}

che dà come risultato

Tanto va la gatta al lardo...

*aaaaaaaaaa

bbbbbbbbbb
cccccccccc

@@ Riga 1: / Riga 1: @@
+{{#css:
-{{#if:{{{2|}}}{{{testo|}}}|<div class="NavFrame {{{class1|}}}" style="text-align:left; width:{{{larghezza|95%}}}; background-color:{{{coloresfondo|#FFFFFF}}}; {{#if:{{{colorebordi|}}}|border-color:{{{colorebordi}}};|}} {{#switch:{{{allineamento|}}}|left=float:left|right=float:right|#default=margin-left:auto;margin-right:auto;}} {{{altri1}}}">
+a.mw-collapsible-text{
-<div class="NavHead {{{class2|}}}" style="background-color:{{{colore|#EFEFEF}}}; padding-bottom:0; text-align:center; padding-left:1em; {{{altri2}}}">{{{1|}}}{{{titolo|}}}{{#if:{{{p-colore|}}}|<div class="radius" style="float:right; width:54px; height:15px; background-color:{{{p-colore|white}}}; margin:{{{p-margin|2px 0 0 -36px}}}; border:{{{p-bordi|}}};"></div>|}}</div>
+color:{{{p-colore|}}};
-<div class="NavContent {{{class3|}}}" style="margin-bottom:.5em; padding:.2em; background-color:transparent; {{{altri3}}}">
+}
-{{{2|}}}{{{testo|}}}</div></div>|}}
+div.cassetto .mw-collapsible-toggle{
-<noinclude>
+margin-top: 2px;
-Template per "incassettare" vari contenuti.
+}
+}}
+<includeonly><div class="cassetto mw-collapsible {{#if:{{{aperto|}}}||mw-collapsed}}" style="text-align:left; width:{{{larghezza|95%}}}; background-color:{{{coloresfondo|#FFFFFF}}}; border:1px solid; {{#if:{{{colorebordi|}}}|border-color:{{{colorebordi}}};|border-color:#AAAAAA;}}; {{#switch:{{{allineamento|}}}|left=float:left; |right=float:right; |#default=margin-left:auto;margin-right:auto;}} {{{altri1}}}">
+<div class="{{{class2|}}}" style="font-weight:bold; background-color:{{{colore|#EFEFEF}}}; padding-bottom:0; text-align:center; padding-left:7em; {{{altri2|}}}">
+{{{1|{{{titolo|}}}}}}
+</div>
+<div class="mw-collapsible-content {{{class3|}}}" style="margin-bottom:.5em; padding:.2em; background-color:{{{coloresfondo|#FFFFFF}}}; {{{altri3|}}}">{{{2|}}}{{{testo|}}}</div>
+</div></includeonly><noinclude>
+Template per "incassettare" vari contenuti.
+'''Attenzione:''' se il campo '''testo''' rimane vuoto il cassetto non compare. Questo torna utile in caso il cassetto venga usato in template che usano commenti: se non ci sono commenti, il cassetto non compare.
 == Parametri ==
+ <nowiki>{{Cassetto
-*'''<code>larghezza=</code>''' larghezza del cassetto
+|titolo=
-*'''<code>colore=</code>''' sfondo del box del titolo
+|testo=
-*'''<code>coloresfondo=</code>''' sfondo del contenuto e colore del margine attorno al box del titolo
+|aperto=
-*'''<code>colorebordi=</code>''' colore dei bordi del cassetto
+|larghezza=
-*'''<code>allineamento=</code>''' può valere "right" o "left", omettendo questo parametro il cassetto verrà visualizzato in una posizione di default
+|colore=
-*'''<code>p-colore=</code>''' crea un box stile pulsante sotto al "vedi/nascondi" utile in caso di box scuri, omettendo questo parametro il "vedi" non avrà sfondo
+|coloresfondo=
-*'''<code>p-bordi=</code>''' stile dei bordi del pulsante sotto al "vedi/nascondi" da usare con la normale sintassi html (vedi esempio sotto), omettendo questo parametro il pulsante non avrà bordi
+|colorebordi=
-*'''<code>p-margin=</code>''' utile per eventuali adattamenti della posizione del pulsante da usare con normale sintassi html (vedi esempio sotto),omettendo questo parametro il pulsante avrà una posizione di default
+|allineamento=
-*'''<code>titolo=</code>''' titolo del cassetto
+}}</nowiki>
+*''<code>titolo=</code>'' titolo del cassetto
 *'''<code>testo=</code>''' contenuto dentro il cassetto
+*''<code>aperto=</code>'' di norma il cassetto è inizialmente chiuso, usa questo parametro scrivendo "sì" se vuoi che il cassetto appaia già aperto
+*''<code>larghezza=</code>'' dimensione orizzontale in px, em o %, se vuoi che sia diversa dal 95%
+*''<code>colore=</code>'' sfondo del box del titolo
+*''<code>coloresfondo=</code>'' sfondo del contenuto e colore del margine attorno al box del titolo
+*''<code>colorebordi=</code>'' colore dei bordi del cassetto
+*''<code>allineamento=</code>'' può valere "right" o "left", omettendo questo parametro il cassetto verrà visualizzato centrato di default
+=== Parametri avanzati ===
+ <nowiki>{{Cassetto
+|larghezza=
+|colore=
+|coloresfondo=
+|colorebordi=
+|allineamento=
+|p-colore=
+|p-bordi=
+|p-margin=
+|altri1=
+|altri2=
+|altri3=
+|class1=
+|class2=
+|class3=
+|titolo=
+|p-colore=
+|testo=
+}}</nowiki>
+È possibile aggiungere altri parametri di stile se necessario:
+*'''<code>altri1=</code>''' parametri aggiuntivi del box del cassetto
+*'''<code>altri2=</code>''' parametri aggiuntivi del box del titolo
+*'''<code>altri3=</code>''' parametri aggiuntivi del box attorno al contenuto principale (quello dentro al cassetto)
+*'''<code>class1=</code>''' classe per aggiungere sfondi/proprietà al box del cassetto
+*'''<code>class2=</code>''' classe per aggiungere sfondi/proprietà al box del titolo
+*'''<code>class3=</code>''' classe per aggiungere sfondi/proprietà al box attorno al contenuto
+*'''<code>p-colore=</code>''' colore del testo 'Espandi' e 'Comprimi', nel caso il blu scuro di default contrasti con il colore del cassetto o se vuoi semplicemente cambiarne lo stile
 == Esempi di utilizzo ==
@@ Riga 35: / Riga 89: @@
 }}</nowiki>
-che da come risultato
+che dà come risultato
 {{Cassetto
@@ Riga 57: / Riga 111: @@
 |colorebordi=#FF0000
 |allineamento=right
-|p-colore=#d3eef8
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 65: / Riga 118: @@
 }}</nowiki>
-che da come risultato
+che dà come risultato
 {{Cassetto
@@ Riga 73: / Riga 126: @@
 |colorebordi=#FF0000
 |allineamento=right
-|p-colore=#d3eef8
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 85: / Riga 137: @@
  <nowiki>{{Cassetto
 |larghezza=50%
-|colore=#00ea00
+|colore=orange
-|coloresfondo= orange
+|coloresfondo=yellow
 |colorebordi=red
-|p-colore=#00FF00
-|p-bordi=1px solid red
-|p-margin= 3px 0 0 -36px;
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 98: / Riga 147: @@
 }}</nowiki>
-che da come risultato
+che dà come risultato
 {{Cassetto
@@ Riga 105: / Riga 154: @@
 |coloresfondo=yellow
 |colorebordi=red
+|titolo= Tanto va la gatta al lardo...
-|p-colore=#ffd5bf
+|testo=
-|p-bordi=1px solid red
+*aaaaaaaaaa
-|p-margin= 1px 0px 0 -36px;
+*bbbbbbbbbb
+*cccccccccc
+}}
+=== Es. 4 ===
+ <nowiki>{{Cassetto
+|larghezza=50%
+|colore=orange
+|coloresfondo=yellow
+|colorebordi=red
+|titolo= Tanto va la gatta al lardo...
+|testo=
+*aaaaaaaaaa
+*bbbbbbbbbb
+*cccccccccc
+}}</nowiki>
+che dà come risultato
+{{Cassetto
+|larghezza=50%
+|class2=BG_biancotraspVERT
+|colore=orange
+|coloresfondo=#c9e098
+|colorebordi=orange
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 116: / Riga 191: @@
-{{cat|utility templates}}
+[[Categoria:utility templates]]
 </noinclude>

Template:Cassetto: differenze tra le versioni

Versione attuale delle 11:53, 30 lug 2021

Indice

Parametri

Parametri avanzati

Esempi di utilizzo

Es. 1

Es. 2

Es. 3

Es. 4

Menu di navigazione

Template:Cassetto: differenze tra le versioni

Versione attuale delle 11:53, 30 lug 2021

Parametri

Parametri avanzati

Esempi di utilizzo

Es. 1

Es. 2

Es. 3

Es. 4

Menu di navigazione

Ricerca