Template:Cassetto: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
Zaza (rosica | curriculum) m (→Es. 3) |
Zaza (rosica | curriculum) mNessun oggetto della modifica |
||
Riga 14: | Riga 14: | ||
*'''<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-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-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>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>titolo=</code>''' titolo del cassetto |
||
*'''<code>testo=</code>''' contenuto dentro il cassetto |
*'''<code>testo=</code>''' contenuto dentro il cassetto |
||
Riga 100: | Riga 100: | ||
|p-colore=#ffd5bf |
|p-colore=#ffd5bf |
||
|p-bordi=1px solid red |
|p-bordi=1px solid red |
||
|p-margin= 1px 0px 0 -36px |
|p-margin= 1px 0px 0 -36px |
||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 117: | Riga 117: | ||
|p-colore=#ffd5bf |
|p-colore=#ffd5bf |
||
|p-bordi=1px solid red |
|p-bordi=1px solid red |
||
|p-margin= 1px 0px 0 -36px |
|p-margin= 1px 0px 0 -36px |
||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
||
Riga 134: | Riga 134: | ||
|p-colore=orange |
|p-colore=orange |
||
|p-class=BG_biancotrasp |
|p-class=BG_biancotrasp |
||
|p-margin= 1px 0px 0 -36px |
|p-margin= 1px 0px 0 -36px |
||
|titolo= Tanto va la gatta al lardo... |
|titolo= Tanto va la gatta al lardo... |
||
|testo= |
|testo= |
Versione delle 19:14, 21 mar 2010
Template per "incassettare" vari contenuti.
Parametri
larghezza=
larghezza del cassettocolore=
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 defaultp-colore=
crea un box stile pulsante sotto al "vedi/nascondi" utile in caso di box scuri, omettendo questo parametro il "vedi" non avrà sfondop-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à bordip-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 defaulttitolo=
titolo del cassettotesto=
contenuto dentro il cassetto
Parametri avanzati
È 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/prorietà al box del cassettoclass2=
classe per aggiungere sfondi/prorietà al box del titoloclass3=
classe per aggiungere sfondi/prorietà al box attorno al contenutop-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
Tanto va la gatta al lardo...
- aaaaaaaaaa
- bbbbbbbbbb
- cccccccccc
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
Tanto va la gatta al lardo...
- aaaaaaaaaa
- bbbbbbbbbb
- cccccccccc
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
Tanto va la gatta al lardo...
- aaaaaaaaaa
- bbbbbbbbbb
- cccccccccc
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
Tanto va la gatta al lardo...
- aaaaaaaaaa
- bbbbbbbbbb
- cccccccccc