Template:Cassetto: differenze tra le versioni

Vai alla navigazione Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
m (Bot: Sistemazione del codice CSS.)
Riga 1: Riga 1:
{{#if:{{{2|}}}{{{testo|}}}|<div class="NavFrame {{{class1|}}}" style=" margin-top: 1em; 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}}}">
{{#if:{{{2|}}}{{{testo|}}}|<div class="NavFrame {{{class1|}}}" style=" margin-top: 1em; 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}}}">
<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|}}} 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 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|}}} 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 class="NavContent {{{class3|}}}" style="margin-bottom:.5em; padding:.2em; background-color:transparent; {{{altri3}}}">
<div class="NavContent {{{class3|}}}" style="margin-bottom: .5em; padding: .2em; background-color: transparent; {{{altri3}}}">
{{{2|}}}{{{testo|}}}</div></div>|}}
{{{2|}}}{{{testo|}}}</div></div>|}}
<noinclude>
<noinclude>

Versione delle 21:48, 24 mag 2011


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
|larghezza=
|colore=
|coloresfondo=
|colorebordi=
|allineamento=
|p-colore=
|p-bordi=
|p-margin=
|titolo=
|testo=
}}
  • larghezza= larghezza del cassetto
  • 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
  • p-colore= crea un box stile pulsante sotto al "vedi/nascondi" utile in caso di box scuri, omettendo questo parametro il "vedi" non avrà sfondo
  • p-bordi= 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
  • p-margin= 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
  • titolo= titolo del cassetto
  • testo= contenuto dentro il cassetto

Parametri avanzati

{{Cassetto
|larghezza=
|colore=
|coloresfondo=
|colorebordi=
|allineamento=
|p-colore=
|p-bordi=
|p-margin=
|altri1=
|altri2=
|altri3=
|class1=
|class2=
|class3=
|p-class=
|titolo=
|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/prorietà al box del cassetto
  • class2= classe per aggiungere sfondi/prorietà al box del titolo
  • class3= classe per aggiungere sfondi/prorietà al box attorno al contenuto
  • p-class= classe per aggiungere sfondi/prorietà al box del pulsante

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 da come risultato


Es. 2

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

che da come risultato


Es. 3

{{Cassetto
|larghezza=50%
|colore=orange
|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= 
*aaaaaaaaaa
*bbbbbbbbbb
*cccccccccc
}}

che da come risultato


Es. 4

{{Cassetto
|larghezza=50%
|colore=orange
|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= 
*aaaaaaaaaa
*bbbbbbbbbb
*cccccccccc
}}

che da come risultato