Template:Riquadro: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
MFH (rosica | curriculum) mNessun oggetto della modifica |
Wedhro (rosica | curriculum) (sostituisco {{cat}} con Categoria) |
||
(54 versioni intermedie di 15 utenti non mostrate) | |||
Riga 1:
{| {{#if:{{{classe|}}}|class="{{{classe}}}"}} {{#if:{{{allinea|}}}|align="
{{#if:{{{file-sx|}}}|{{!}}style="padding:
|{{{testo|Contenuto del riquadro}}}
{{#if:{{{file-dx|}}}|{{!}}style="padding:
|}<noinclude>
==Uso==
Questo template serve come struttura base per dei riquadri. La sua versione semplice,
<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
|classe=
Line 19 ⟶ 33:
|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=
|link-file-sx=
|file-dx=
|largh-file-dx=
|posiz-file-dx=
|stile-file-dx=
|link-file-dx=
}}</nowiki>
{|class="stdTable"
!
!
!
!
!
|-
||'''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-
|-
||'''
|-
||'''
|-
||'''
|-
||'''
|-
||'''margini''' || Proprietà CSS del riquadro che permette di modificare i margini del box dal resto degli oggetti. || Codice CSS || 1em || 0.5em auto
▲|'''colore-bordo''' || Colore del bordo. || Esadecimale<br />Colori HTML || #000000<br />black || black
|-
||'''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 ||
▲|'''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; margin: 0px auto;<ref name="nota1">Nessuna di queste proprietà viene riscritta specificando il valore del parametro.</ref>
|-
||'''largh-file-sx'''<br />'''largh-file-dx''' || Larghezza dell'immagine. || Pixel || 120px || 100px
|-
||'''posiz-file-sx'''<br />'''posiz-file-dx''' ||
|-
||'''
|-
||'''
|}
==Note==
<references />
|
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 |