Utente:Lenore/Cassetto
</noinclude><!--
--------- Classe NavFrame; inserisce un pulsante per mostrare o nascondere il testo del cassetto. Vedi [[MediaWiki:Common.js]]
--><div class="{{{tipo|Nav}}}Frame nowraplinks"
style="width:{{{larghezza|{{{width|}}}}}};
{{#switch:{{{allineamento|{{{align|}}}}}}
|sinistra = float:left; clear:left; margin-right:.5em; margin-left:0em;
|left = float:left; clear:left; margin-right:.5em; margin-left:0em;
|destra = float:right; clear:right; margin-left:.5em; margin-right:0em;
|right = float:right; clear:right; margin-left:.5em; margin-right:0em;
|#default = margin-left:auto; margin-right:auto;
}}; margin-top:.5em; margin-bottom:.5em; font-size:80%;
border:{{{bordo|{{{border|1px solid #aaaaaa}}}}}}; -moz-border-radius:{{{radius|0}}}; {{{css|{{{style|}}}}}}">
<br/>
<!--
--------- Titolo
--><div class="NavHead" style="text-align:center; font-size:125%; margin-top:-2em; background:{{{colore|{{{bg-titolo|{{{bg1|transparent}}}}}}}}}; -moz-border-radius:{{{radius|0}}}; {{{headercss|{{{headerstyle|}}}}}}"><!--
-->{{#ifexpr: {{{livello|0}}} > 1
| <h{{{livello}}}><!--
-->}}<!--
-->{{{1|{{{titolo|{{{header|Primo parametro}}}}}}}}}<!--
-->{{#ifexpr: {{{livello|0}}} > 1
| </h{{{livello}}}>
}}<!--
--></div><!--
--------- Fine titolo, inizio testo
--><div class="{{{tipo|Nav}}}Content" style="text-align:left; background-color:{{{coloresfondo|{{{bg-testo|{{{bg2|transparent}}}}}}}}}; padding-left:.2em; padding-right:.2em; font-size:125%; {{{contentcss|{{{contentstyle|}}}}}}">
<!-- Attenzione, questo va lasciato a capo
-->{{{2|{{{testo|{{{content|Secondo parametro}}}}}}}}}<!--
-->{{#if:{{{3|{{{m|}}}}}}|<!--
------------------ Link in fondo al box; {{{3|{{{m}}}}}} è il nome della pagina da modificare
-->''<small><div class="noprint plainlinks" style="text-align:right; direction:ltr; padding:.2em .5em .2em auto"><!--
-->[{{fullurl:{{{3|{{{m}}}}}}|action=edit}} modifica]<!--
--></div></small>''<!--
------------------ Fine link in fondo al box
-->}}
<!--
--></div><!--
--------- Fine testo
--></div><noinclude>
Sintassi e uso del cassetto. Questo template permette di nascondere il testo in esso inserito all'interno di una casella, che è possibile "aprire" o "chiudere" per visualizzare o meno il suo contenuto. Richiede JavaScript; in assenza di questa funzionalità (o se è stata disabilitata), i cassetti appariranno sempre aperti, cioè come normali riquadri.
Sintassi[modifica | modifica wikitesto]
- titolo (header)
- testo (content)
- bg-titolo (colore, bg1)
- bg-testo (coloresfondo, bg2)
- tipo
- larghezza (width)
- allineamento (align)
- bordo (border)
- radius
- css (style)
- headercss (headerstyle)
- contentcss (contentstyle)
- livello
Formattazione[modifica | modifica wikitesto]
Posizionamento del cassetto rispetto al testo della pagina
Sopra, di fianco al cassetto (a sinistra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Secondo parametro
Di fianco al cassetto (a destra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sotto il cassetto: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sopra, di fianco al cassetto (a sinistra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Secondo parametro
Di fianco al cassetto (a destra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sotto il cassetto: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sopra, di fianco al cassetto (a sinistra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Secondo parametro
Di fianco al cassetto (a destra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sotto il cassetto: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Note[modifica | modifica wikitesto]
- Non è possibile affiancare due o più cassetti; si disporranno comunque uno sotto l'altro
- E' possibile usare la formattazione wiki e l'HTML dentro il cassetto. Per le tabelle, bisogna fare attenzione a sostituire il pipe | con il template apposito {{!}}; per i template basta usare la normale sintassi
- I titoli di sezione presenti nel cassetto vengono indicizzati come al solito, nel senso che compaiono nell'indice automatico; l'unica differenza è che i relativi link funzioneranno solo se il cassetto è aperto
- Tra i tag <div></div> o in una tabella, il cassetto diventa completamente flottante quando è affiancato a sinistra o a destra
Secondo parametro
Sotto il cassetto: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| Sopra, di fianco al cassetto (a sinistra): Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Primo parametro Secondo parametro Sotto il cassetto: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
- si posiziona come al solito altrimenti. Bisogna fare attenzione però al fatto che in questo caso il cassetto eredita alcuni CSS del div o della tabella, per cui si sconsiglia di definire altri stili per questi tag in presenza di un cassetto al loro interno.