Template:Riquadro: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
Zaza (rosica | curriculum) mNessun oggetto della modifica |
Wedhro (rosica | curriculum) (sostituisco {{cat}} con Categoria) |
||
| (50 versioni intermedie di 15 utenti non mostrate) | |||
| Riga 1: | Riga 1: | ||
{| {{#if:{{{classe|}}}|class="{{{classe}}}"}} style="text-align: |
{| {{#if:{{{classe|}}}|class="{{{classe}}}"}} {{#if:{{{allinea|}}}|align="{{{allinea}}}"}} style="text-align:center; width:{{{larghezza|auto}}}; background-color:{{{colore-sfondo|white}}}; border:{{{spessore-bordo|2px}}} {{{stile-bordo|solid}}} {{{colore-bordo|black}}}; color:{{{colore-testo|black}}}; margin:{{{margini|0.5em auto}}}; padding-top:2px; {{{stile-riquadro|}}}" |
||
{{#if:{{{file-sx|}}}|{{!}}style="padding: |
{{#if:{{{file-sx|}}}|{{!}}style="padding:6px; {{{stile-file-sx|}}}"{{!}}[[File:{{{file-sx}}}|{{{posiz-file-sx|left}}}|{{{largh-file-sx|100px}}}{{#if:{{{link-file-sx|}}}|{{!}}link={{{link-file-sx}}}}}]]}} |
||
|{{{testo}}} |
|{{{testo|Contenuto del riquadro}}} |
||
{{#if:{{{file-dx|}}}|{{!}}style="padding: |
{{#if:{{{file-dx|}}}|{{!}}style="padding:6px; {{{stile-file-dx|}}}"{{!}}[[File:{{{file-dx}}}|{{{posiz-file-dx|right}}}|{{{largh-file-dx|100px}}}{{#if:{{{link-file-dx|}}}|{{!}}link={{{link-file-dx}}}}}]]}} |
||
|}<noinclude> |
|}<noinclude> |
||
==Uso== |
==Uso== |
||
Questo template serve come struttura base per dei riquadri, |
Questo template serve come struttura base per dei riquadri. La sua versione semplice, utilizzabile anche da chi di CSS non ci capisce niente, è: |
||
<nowiki>{{Riquadro |
|||
|larghezza= |
|||
|colore-sfondo= |
|||
|colore-testo= |
|||
|colore-bordo= |
|||
|spessore-bordo= |
|||
|testo= |
|||
|file-sx= |
|||
|largh-file-sx= |
|||
|file-dx= |
|||
|largh-file-dx= |
|||
}}</nowiki> |
|||
Se invece si è interessati a fare qualche manipolazione grafica: |
|||
<nowiki>{{Riquadro |
<nowiki>{{Riquadro |
||
|classe= |
|classe= |
||
| Riga 19: | Riga 33: | ||
|file-sx= |
|file-sx= |
||
|largh-file-sx= |
|largh-file-sx= |
||
|file-dx= |
|||
|largh-file-dx= |
|||
}}</nowiki> |
|||
Infine, la versione completa di tutti i parametri: |
|||
<nowiki>{{Riquadro |
|||
|classe= |
|||
|allinea= |
|||
|larghezza= |
|||
|colore-sfondo= |
|||
|colore-testo= |
|||
|colore-bordo= |
|||
|stile-bordo= |
|||
|spessore-bordo= |
|||
|margini= |
|||
|stile-riquadro= |
|||
|testo= |
|||
|file-sx= |
|||
|largh-file-sx= |
|||
|posiz-file-sx= |
|||
|stile-file-sx= |
|stile-file-sx= |
||
|link-file-sx= |
|||
|file-dx= |
|file-dx= |
||
|largh-file-dx= |
|largh-file-dx= |
||
|posiz-file-dx= |
|||
|stile-file-dx= |
|stile-file-dx= |
||
|link-file-dx= |
|||
}}</nowiki> |
}}</nowiki> |
||
{|class="stdTable" |
|||
{|align="center" cellpadding="3" border="1" |
|||
! |
!style="width:auto;"|Parametro |
||
! |
!style="width:auto;"|Descrizione |
||
! |
!style="width:170px;"|Tipo di dato |
||
! |
!style="width:95px;"|Esempio |
||
! |
!style="width:215px;"|Valore di default |
||
|- |
|||
||'''classe''' || Classe CSS || Nome della classe || radius || Nessuno |
|||
|- |
|||
||'''allinea''' || Allineamento || Posizione del riquadro || left<br/>center<br/>right || Nessuno |
|||
|- |
|||
||'''larghezza''' || Larghezza del riquadro. || Percentuale<br />Numero di pixel<br />Automatico || 80%<br />400px<br />auto || auto |
|||
|- |
|- |
||
|''' |
||'''colore-sfondo''' || Colore dello sfondo. || Esadecimale<br />Colori HTML || #FFFFFF<br />white || white |
||
|- |
|- |
||
|''' |
||'''colore-testo''' || Colore del testo. || Esadecimale<br />Colori HTML || #0000FF<br />blue || black |
||
|- |
|- |
||
|'''colore- |
||'''colore-bordo''' || Colore del bordo. || Esadecimale<br />Colori HTML || #000000<br />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-bordo''' || Stile del bordo. || Proprietà CSS del bordo || solid || solid |
|||
|- |
|- |
||
| ⚫ | ||'''stile-riquadro''' || Proprietà CSS dell'intero riquadro. || Codice CSS || padding: 4px; || text-align: center;<br />border: ''spessore-bordo'' ''stile-bordo'' ''colore-bordo'';<br />color: black; <br />padding-top: 2px;<ref name="nota1">Nessuna di queste proprietà viene riscritta specificando il valore del parametro.</ref> |
||
|'''spessore-bordo''' || Spessore del bordo. || Numero di pixel || 3px || 2px |
|||
|- |
|- |
||
| ⚫ | |||
| ⚫ | |'''stile-riquadro''' || Proprietà CSS dell'intero riquadro. || Codice CSS || padding: 4px; || text-align: center;<br />border: ''spessore-bordo'' ''stile-bordo'' ''colore-bordo'';<br />color: black; |
||
|- |
|- |
||
||'''file-sx'''<br />'''file-dx''' || Immagine visibile a sinistra.<br />Immagine visibile a destra. || Un'immagine presente su [[Nonciclopedia]] || Esempio.jpg || |
|||
| ⚫ | |||
|- |
|- |
||
|'''file-sx'''<br />'''file-dx''' || |
||'''largh-file-sx'''<br />'''largh-file-dx''' || Larghezza dell'immagine. || Pixel || 120px || 100px |
||
|- |
|- |
||
|''' |
||'''posiz-file-sx'''<br />'''posiz-file-dx''' || Posizione dell'immagine all'interno del suo spazio. || Posizione || center || left<br />right |
||
|- |
|- |
||
|''' |
||'''stile-file-sx'''<br />'''stile-file-dx''' || Proprietà CSS del riquadro di un'immagine. || Codice CSS || padding: 4px; || padding: 6px;<ref name="nota1" /> |
||
|- |
|- |
||
|''' |
||'''link-file-sx'''<br />'''link-file-dx''' || Link ad una pagina || Nome della pagina || Nonciclopedia:Amministratori || link all'immagine |
||
|} |
|} |
||
==Note== |
==Note== |
||
<references /> |
<references /> |
||
[[Categoria:Template di formattazione]]</noinclude> |
|||
Versione attuale delle 06:14, 14 nov 2020
| Contenuto del riquadro |
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=
|testo=
|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=
|testo=
|file-sx=
|largh-file-sx=
|file-dx=
|largh-file-dx=
}}
Infine, la versione completa di tutti i parametri:
{{Riquadro
|classe=
|allinea=
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|stile-bordo=
|spessore-bordo=
|margini=
|stile-riquadro=
|testo=
|file-sx=
|largh-file-sx=
|posiz-file-sx=
|stile-file-sx=
|link-file-sx=
|file-dx=
|largh-file-dx=
|posiz-file-dx=
|stile-file-dx=
|link-file-dx=
}}
| Parametro | Descrizione | Tipo di dato | Esempio | Valore di default |
|---|---|---|---|---|
| classe | Classe CSS | Nome della classe | radius | Nessuno |
| allinea | Allineamento | Posizione del riquadro | left center right |
Nessuno |
| 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] |
| testo | Il testo presente nel riquadro. | Testo | ||
| 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 |
| posiz-file-sx posiz-file-dx |
Posizione dell'immagine all'interno del suo spazio. | Posizione | center | left right |
| 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 |