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:
-<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}}}">
+a.mw-collapsible-text{
+color:{{{p-colore|}}};
+}
+div.cassetto .mw-collapsible-toggle{
+margin-top: 2px;
+}
+}}
-<div {{{class2|}}}" style="font-weight:bold; background-color:{{{colore|#EFEFEF}}}; padding-bottom:0; text-align:center; padding-left:7em; {{{altri2}}}">
+<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}}}">
-{{{1|{{{titolo|}}}}}}{{#if:{{{p-colore|}}}|
-<div class="{{{p-class|}}} {{{p-class-radius|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 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" style="margin-bottom:.5em; padding:.2em; background-color:{{{coloresfondo|#FFFFFF}}}; {{{altri3}}}">{{{2|}}}{{{testo|}}}</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.
@@ Riga 25: / Riga 30: @@
 |colorebordi=
 |allineamento=
-|p-colore=
-|p-bordi=
-|p-margin=
 }}</nowiki>
@@ Riga 38: / Riga 40: @@
 *''<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
-*''<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
-*''<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
-*''<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
@@ Riga 59: / Riga 58: @@
 |class2=
 |class3=
-|p-class=
 |titolo=
+|p-colore=
 |testo=
 }}</nowiki>
@@ Riga 71: / Riga 70: @@
 *'''<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
-*'''<code>p-class=</code>''' classe per aggiungere sfondi/proprietà al box del pulsante
 == Esempi di utilizzo ==
@@ Riga 112: / Riga 111: @@
 |colorebordi=#FF0000
 |allineamento=right
-|p-colore=#d3eef8
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 128: / Riga 126: @@
 |colorebordi=#FF0000
 |allineamento=right
-|p-colore=#d3eef8
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 143: / Riga 140: @@
 |coloresfondo=yellow
 |colorebordi=red
-|p-colore=#ffd5bf
-|p-bordi=1px solid red
-|p-margin= 1px 0px 0 -36px
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 160: / Riga 154: @@
 |coloresfondo=yellow
 |colorebordi=red
-|p-colore=#ffd5bf
-|p-bordi=1px solid red
-|p-margin= 1px 0px 0 -36px
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 177: / Riga 168: @@
 |coloresfondo=yellow
 |colorebordi=red
-|p-colore=orange
-|p-class=BG_biancotrasp
-|p-margin= 1px 0px 0 -36px
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 195: / Riga 183: @@
 |coloresfondo=#c9e098
 |colorebordi=orange
-|p-colore=orange
-|p-class=BG_biancotrasp
 |titolo= Tanto va la gatta al lardo...
 |testo=
@@ Riga 205: / 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