Template:Cassetto: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
Wedhro (rosica | curriculum) (sostituisco {{cat}} con Categoria) |
(rimuovo cosa vecchia e non funzionante) |
||
Riga 2: | Riga 2: | ||
<div {{{class2|}}}" style="font-weight:bold; background-color:{{{colore|#EFEFEF}}}; padding-bottom:0; text-align:center; padding-left:7em; {{{altri2}}}"> |
<div {{{class2|}}}" style="font-weight:bold; background-color:{{{colore|#EFEFEF}}}; padding-bottom:0; text-align:center; padding-left:7em; {{{altri2}}}"> |
||
{{{1|{{{titolo|}}}}}} |
{{{1|{{{titolo|}}}}}} |
||
<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> |
</div> |
||
Riga 25: | Riga 21: | ||
|colorebordi= |
|colorebordi= |
||
|allineamento= |
|allineamento= |
||
|p-colore= |
|||
|p-bordi= |
|||
|p-margin= |
|||
}}</nowiki> |
}}</nowiki> |
||
Riga 38: | Riga 31: | ||
*''<code>colorebordi=</code>'' colore dei bordi del cassetto |
*''<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>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 49: | ||
|class2= |
|class2= |
||
|class3= |
|class3= |
||
|p-class= |
|||
|titolo= |
|titolo= |
||
|testo= |
|testo= |
||
Riga 71: | Riga 60: | ||
*'''<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-class=</code>''' classe per aggiungere sfondi/proprietà al box del pulsante |
|||
== Esempi di utilizzo == |
== Esempi di utilizzo == |
||
Riga 112: | Riga 100: | ||
|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 128: | Riga 115: | ||
|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 143: | Riga 129: | ||
|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 160: | Riga 143: | ||
|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 177: | Riga 157: | ||
|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 195: | Riga 172: | ||
|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= |
Versione delle 10:20, 19 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= |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 contenuto
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