Template:Riquadro: differenze tra le versioni

Vai alla navigazione Vai alla ricerca
Naviga nella cronologia in modo interattivo
Contenuto aggiunto Contenuto cancellato
VisualeWikitesto
Nessun oggetto della modifica
m (Annullata la modifica 1720463 di MFH (discussione))
Riga 1: Riga 1:
<div {{#if:{{{classe|}}}|class="{{{classe}}}"}} style="text-align: center; vertical-align: middle; width: {{{larghezza|90%}}}; 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}}}"}} 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:{{{header|}}}|<div style="width: 100%; {{{stile-header|}}}">{{{header}}}</div>}}<!--
{{#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}}}
-->{{#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|}}}|{{!}}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>
--><div style="padding-top: 5px; padding-bottom: 5px;">{{{testo}}}</div><!--
--><div style="width: 100%; clear: both; {{{stile-footer|}}}">{{{footer|}}}</div>
⚫
</div><noinclude>


==Uso==
==Uso==
Riga 15: Riga 13:
|colore-bordo=
|colore-bordo=
|spessore-bordo=
|spessore-bordo=
|header=
|testo=
|testo=
|footer=
|file-sx=
|file-sx=
|largh-file-sx=
|largh-file-sx=
Riga 34: Riga 30:
|spessore-bordo=
|spessore-bordo=
|stile-riquadro=
|stile-riquadro=
|header=
|stile-header=
|testo=
|testo=
|footer=
|stile-footer=
|file-sx=
|file-sx=
|largh-file-sx=
|largh-file-sx=
Riga 56: Riga 48:
|margini=
|margini=
|stile-riquadro=
|stile-riquadro=
|header=
|stile-header=
|testo=
|testo=
|footer=
|stile-footer=
|file-sx=
|file-sx=
|largh-file-sx=
|largh-file-sx=
|posiz-file-sx=
|stile-file-sx=
|stile-file-sx=
|link-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=
|link-file-dx=
Riga 95: Riga 85:
|-
|-
||'''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>
⚫
|-
||'''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%;<ref name="nota1" />
|-
|-
||'''testo''' || Il testo presente nel riquadro. || Testo || ||
||'''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%;<ref name="nota1" />
|-
|-
||'''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''' || 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
||'''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" />
||'''stile-file-sx'''<br />'''stile-file-dx''' || Proprietà CSS del riquadro di un'immagine. || Codice CSS || padding: 4px; || padding: 6px;<ref name="nota1" />

Versione delle 18:11, 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=
|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=
|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
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=1545038"