Template:Cassetto: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
Wedhro (rosica | curriculum) (Annullata la modifica 2188300 di Wedhro (discussione) ripristino momentaneamente perché non si vedono più) Etichetta: Annulla |
Zurpone (rosica | curriculum) (Annullata la modifica 2324182 di 5.169.217.102 (discussione)) Etichetta: Annulla |
||
(17 versioni intermedie di 8 utenti non mostrate) | |||
Riga 1: | Riga 1: | ||
{{#css: |
|||
⚫ | {{#if:{{{ |
||
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="{{{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> |
|||
color:{{{p-colore|}}}; |
|||
⚫ | |||
} |
|||
{{{2|}}}{{{testo|}}}</div></div>|}} |
|||
div.cassetto .mw-collapsible-toggle{ |
|||
<noinclude> |
|||
margin-top: 2px; |
|||
} |
|||
}} |
|||
⚫ | <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></includeonly><noinclude> |
|||
Template per "incassettare" vari contenuti. |
Template per "incassettare" vari contenuti. |
||
Riga 10: | Riga 22: | ||
== Parametri == |
== Parametri == |
||
<nowiki>{{Cassetto |
<nowiki>{{Cassetto |
||
⚫ | |||
⚫ | |||
|aperto= |
|||
|larghezza= |
|larghezza= |
||
|colore= |
|colore= |
||
Riga 15: | Riga 30: | ||
|colorebordi= |
|colorebordi= |
||
|allineamento= |
|allineamento= |
||
⚫ | |||
|p-bordi= |
|||
|p-margin= |
|||
⚫ | |||
⚫ | |||
}}</nowiki> |
}}</nowiki> |
||
* |
*''<code>titolo=</code>'' titolo del cassetto |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
*'''<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 |
|||
*'''<code>titolo=</code>''' titolo del cassetto |
|||
*'''<code>testo=</code>''' contenuto dentro il 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% |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
=== Parametri avanzati === |
=== Parametri avanzati === |
||
Riga 49: | Riga 58: | ||
|class2= |
|class2= |
||
|class3= |
|class3= |
||
|p-class= |
|||
|titolo= |
|titolo= |
||
⚫ | |||
|testo= |
|testo= |
||
}}</nowiki> |
}}</nowiki> |
||
Riga 61: | Riga 70: | ||
*'''<code>class2=</code>''' classe per aggiungere sfondi/proprietà al box del titolo |
*'''<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>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 == |
== Esempi di utilizzo == |
||
Riga 102: | Riga 111: | ||
|colorebordi=#FF0000 |
|colorebordi=#FF0000 |
||
|allineamento=right |
|allineamento=right |
||
|p-colore=#d3eef8 |
|||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 118: | Riga 126: | ||
|colorebordi=#FF0000 |
|colorebordi=#FF0000 |
||
|allineamento=right |
|allineamento=right |
||
|p-colore=#d3eef8 |
|||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 133: | Riga 140: | ||
|coloresfondo=yellow |
|coloresfondo=yellow |
||
|colorebordi=red |
|colorebordi=red |
||
|p-colore=#ffd5bf |
|||
|p-bordi=1px solid red |
|||
|p-margin= 1px 0px 0 -36px |
|||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 150: | Riga 154: | ||
|coloresfondo=yellow |
|coloresfondo=yellow |
||
|colorebordi=red |
|colorebordi=red |
||
|p-colore=#ffd5bf |
|||
|p-bordi=1px solid red |
|||
|p-margin= 1px 0px 0 -36px |
|||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 167: | Riga 168: | ||
|coloresfondo=yellow |
|coloresfondo=yellow |
||
|colorebordi=red |
|colorebordi=red |
||
|p-colore=orange |
|||
|p-class=BG_biancotrasp |
|||
|p-margin= 1px 0px 0 -36px |
|||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 185: | Riga 183: | ||
|coloresfondo=#c9e098 |
|coloresfondo=#c9e098 |
||
|colorebordi=orange |
|colorebordi=orange |
||
|p-colore=orange |
|||
|p-class=BG_biancotrasp |
|||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 195: | Riga 191: | ||
[[Categoria:utility templates]] |
|||
</noinclude> |
</noinclude> |
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 cassettotesto=
contenuto dentro il cassettoaperto=
di norma il cassetto è inizialmente chiuso, usa questo parametro scrivendo "sì" se vuoi che il cassetto appaia già apertolarghezza=
dimensione orizzontale in px, em o %, se vuoi che sia diversa dal 95%colore=
sfondo del box del titolocoloresfondo=
sfondo del contenuto e colore del margine attorno al box del titolocolorebordi=
colore dei bordi del cassettoallineamento=
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 cassettoaltri2=
parametri aggiuntivi del box del titoloaltri3=
parametri aggiuntivi del box attorno al contenuto principale (quello dentro al cassetto)class1=
classe per aggiungere sfondi/proprietà al box del cassettoclass2=
classe per aggiungere sfondi/proprietà al box del titoloclass3=
classe per aggiungere sfondi/proprietà al box attorno al contenutop-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