Template:Riquadro: differenze tra le versioni

Vai alla navigazione Vai alla ricerca
Naviga nella cronologia in modo interattivo
Contenuto aggiunto Contenuto cancellato
VisualeWikitesto
mNessun oggetto della modifica
(sostituisco {{cat}} con Categoria)
 
(35 versioni intermedie di 14 utenti non mostrate)
Riga 1: Riga 1:
{| {{#if:{{{classe|}}}|class="{{{classe}}}"}} 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:{{{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: 6px; {{{stile-file-sx|}}}"{{!}}[[File:{{{file-sx}}}{{#if:{{{posiz-file-sx|}}}|{{!}}{{{posiz-file-sx}}}}}|{{{largh-file-sx|100px}}}]]}}
{{#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: 6px; {{{stile-file-dx|}}}"{{!}}[[File:{{{file-dx}}}{{#if:{{{posiz-file-dx|}}}|{{!}}{{{posiz-file-dx}}}}}|{{{largh-file-dx|100px}}}]]}}
{{#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>


Riga 40: Riga 40:
<nowiki>{{Riquadro
<nowiki>{{Riquadro
|classe=
|classe=
|allinea=
|larghezza=
|larghezza=
|colore-sfondo=
|colore-sfondo=
Riga 53: Riga 54:
|posiz-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=
|posiz-file-dx=
|stile-file-dx=
|stile-file-dx=
|link-file-dx=
}}</nowiki>
}}</nowiki>


{|class="stdTable"
{|align="center" cellpadding="3" border="1"
!width="*"|Parametro
!style="width:auto;"|Parametro
!width="*"|Descrizione
!style="width:auto;"|Descrizione
!width="170"|Tipo di dato
!style="width:170px;"|Tipo di dato
!width="95"|Esempio
!style="width:95px;"|Esempio
!width="215"|Valore di default
!style="width:215px;"|Valore di default
|-
|-
|'''classe''' || Classe CSS || Nome della classe || radius ||
||'''classe''' || Classe CSS || Nome della classe || radius || Nessuno
|-
|-
|'''larghezza''' || Larghezza del riquadro. || Percentuale<br />Numero di pixel<br />Automatico || 80%<br />400px<br />auto || auto
||'''allinea''' || Allineamento || Posizione del riquadro || left<br/>center<br/>right || Nessuno
|-
|-
|'''colore-sfondo''' || Colore dello sfondo. || Esadecimale<br />Colori HTML || #FFFFFF<br />white || white
||'''larghezza''' || Larghezza del riquadro. || Percentuale<br />Numero di pixel<br />Automatico || 80%<br />400px<br />auto || auto
|-
|-
|'''colore-testo''' || Colore del testo. || Esadecimale<br />Colori HTML || #0000FF<br />blue || black
||'''colore-sfondo''' || Colore dello sfondo. || Esadecimale<br />Colori HTML || #FFFFFF<br />white || white
|-
|-
|'''colore-bordo''' || Colore del bordo. || Esadecimale<br />Colori HTML || #000000<br />black || black
||'''colore-testo''' || Colore del testo. || Esadecimale<br />Colori HTML || #0000FF<br />blue || black
|-
|-
|'''stile-bordo''' || Stile del bordo. || Proprietà CSS del bordo || solid || solid
||'''colore-bordo''' || Colore del bordo. || Esadecimale<br />Colori HTML || #000000<br />black || black
|-
|-
|'''spessore-bordo''' || Spessore del bordo. || Numero di pixel || 3px || 2px
||'''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
|-
|-
⚫
||'''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;<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>
|-
|-
⚫
||'''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>
⚫
|'''testo''' || Il testo presente nel riquadro. || Testo || ||
|-
|-
⚫
||'''testo''' || Il testo presente nel riquadro. || Testo || ||
|'''file-sx'''<br />'''file-dx''' || Immagine visibile a sinistra.<br />Immagine visibile a destra. || Un'immagine presente su [[Nonciclopedia]] || Esempio.jpg ||
|-
|-
|'''largh-file-sx'''<br />'''largh-file-dx''' || Larghezza dell'immagine. || Pixel || 120px || 100px
||'''file-sx'''<br />'''file-dx''' || Immagine visibile a sinistra.<br />Immagine visibile a destra. || Un'immagine presente su [[Nonciclopedia]] || Esempio.jpg ||
|-
|-
|'''posiz-file-sx'''<br />'''posiz-file-dx''' || Posizione dell'immagine all'interno del suo spazio. || Posizione || center ||
||'''largh-file-sx'''<br />'''largh-file-dx''' || Larghezza dell'immagine. || Pixel || 120px || 100px
|-
|-
|'''stile-file-sx'''<br />'''stile-file-dx''' || Proprietà CSS del riquadro di un'immagine. || Codice CSS || padding: 4px; || padding: 6px;<ref name="nota1" />
||'''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 />
{{Cat|Template di servizio}}</noinclude>
[[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

Note

  1. ^ 1,0 1,1 Nessuna di queste proprietà viene riscritta specificando il valore del parametro.
Estratto da "https://nonciclopedia.org/wiki/Template:Riquadro?oldid=2262338"