Template:Riquadro: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
MFH (rosica | curriculum) (Speriamo non dia problemi) |
MFH (rosica | curriculum) mNessun oggetto della modifica |
||
| Riga 3: | Riga 3: | ||
-->{{#if:{{{file-sx|}}}|<div style="float: left; padding: 6px; {{{stile-file-sx|}}}">[[File:{{{file-sx}}}|{{{largh-file-sx|100px}}}{{#if:{{{link-file-sx|}}}|{{!}}link={{{link-file-sx}}}}}]]</div>}}<!-- |
-->{{#if:{{{file-sx|}}}|<div style="float: left; padding: 6px; {{{stile-file-sx|}}}">[[File:{{{file-sx}}}|{{{largh-file-sx|100px}}}{{#if:{{{link-file-sx|}}}|{{!}}link={{{link-file-sx}}}}}]]</div>}}<!-- |
||
-->{{#if:{{{file-dx|}}}|<div style="float: right; padding: 6px; {{{stile-file-dx|}}}">[[File:{{{file-dx}}}|{{{largh-file-dx|100px}}}{{#if:{{{link-file-dx|}}}|{{!}}link={{{link-file-dx}}}}}]]</div>}}<!-- |
-->{{#if:{{{file-dx|}}}|<div style="float: right; padding: 6px; {{{stile-file-dx|}}}">[[File:{{{file-dx}}}|{{{largh-file-dx|100px}}}{{#if:{{{link-file-dx|}}}|{{!}}link={{{link-file-dx}}}}}]]</div>}}<!-- |
||
--><div style="padding-top: 5px;">{{{testo}}}</div><!-- |
--><div style="padding-top: 5px; padding-bottom: 5px;">{{{testo}}}</div><!-- |
||
--><div style="width: 100%; clear: both; {{{stile-footer|}}}">{{{footer|}}}</div> |
--><div style="width: 100%; clear: both; {{{stile-footer|}}}">{{{footer|}}}</div> |
||
</div><noinclude> |
</div><noinclude> |
||
Versione delle 17:43, 23 apr 2011
{{{testo}}}
Uso
Questo template serve come struttura base per dei riquadri. La sua versione semplice, utilizzabile anche da chi di CSS non ci capisce niente, è:
{{Riquadro
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|spessore-bordo=
|header=
|testo=
|footer=
|file-sx=
|largh-file-sx=
|file-dx=
|largh-file-dx=
}}
Se invece si è interessati a fare qualche manipolazione grafica:
{{Riquadro
|classe=
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|stile-bordo=
|spessore-bordo=
|stile-riquadro=
|header=
|stile-header=
|testo=
|footer=
|stile-footer=
|file-sx=
|largh-file-sx=
|file-dx=
|largh-file-dx=
}}
Infine, la versione completa di tutti i parametri:
{{Riquadro
|classe=
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|stile-bordo=
|spessore-bordo=
|margini=
|stile-riquadro=
|header=
|stile-header=
|testo=
|footer=
|stile-footer=
|file-sx=
|largh-file-sx=
|stile-file-sx=
|link-file-sx=
|file-dx=
|largh-file-dx=
|stile-file-dx=
|link-file-dx=
}}
| Parametro | Descrizione | Tipo di dato | Esempio | Valore di default |
|---|---|---|---|---|
| classe | Classe CSS | Nome della classe | radius | |
| larghezza | Larghezza del riquadro. | Percentuale Numero di pixel Automatico |
80% 400px auto |
auto |
| colore-sfondo | Colore dello sfondo. | Esadecimale Colori HTML |
#FFFFFF white |
white |
| colore-testo | Colore del testo. | Esadecimale Colori HTML |
#0000FF blue |
black |
| colore-bordo | Colore del bordo. | Esadecimale Colori HTML |
#000000 black |
black |
| stile-bordo | Stile del bordo. | Proprietà CSS del bordo | solid | solid |
| spessore-bordo | Spessore del bordo. | Numero di pixel | 3px | 2px |
| margini | Proprietà CSS del riquadro che permette di modificare i margini del box dal resto degli oggetti. | Codice CSS | 1em | 0.5em auto |
| stile-riquadro | Proprietà CSS dell'intero riquadro. | Codice CSS | padding: 4px; | text-align: center; border: spessore-bordo stile-bordo colore-bordo; color: black; padding-top: 2px;[1] |
| header | Il testo che viene visualizzato al di sopra delle immagini, su tutta la larghezza del riquadro. | Testo | ||
| stile-header | Stile dell'header. | Codice CSS | color: red; | width: 100%;[1] |
| testo | Il testo presente nel riquadro. | Testo | ||
| footer | Il testo che viene visualizzato al di sotto delle immagini, su tutta la larghezza del riquadro. | Testo | ||
| stile-footer | Stile del footer. | Codice CSS | color: red; | width: 100%;[1] |
| file-sx file-dx |
Immagine visibile a sinistra. Immagine visibile a destra. |
Un'immagine presente su Nonciclopedia | Esempio.jpg | |
| largh-file-sx largh-file-dx |
Larghezza dell'immagine. | Pixel | 120px | 100px |
| stile-file-sx stile-file-dx |
Proprietà CSS del riquadro di un'immagine. | Codice CSS | padding: 4px; | padding: 6px;[1] |
| link-file-sx link-file-dx |
Link ad una pagina | Nome della pagina | Nonciclopedia:Amministratori | link all'immagine |